my account some pages are responsived

This commit is contained in:
IMRAN HASSAN 2014-09-24 14:02:34 +00:00
parent 0b1ae414a3
commit 9b0ee5747a
5 changed files with 47 additions and 48 deletions

View file

@ -1,41 +1,41 @@
{$topMenuLinks = array_slice($myAccountLinks, 0, 6)} {$topMenuLinks = array_slice($myAccountLinks, 0, 6)}
{if userid()} {if userid()}
<div class="userAccountMenu navbar navbar-default cb-box row"> <div class="userAccountMenu navbar navbar-default cb-box row visible-xs">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
<div class="userPicContainer"> <div class="userPicContainer">
{if userid()} {if userid()}
<a class="navbar-brand {if userid()} nopadding {/if}" style="{if userid()} padding-top: 7px ! important; {/if}" href="#"> <a class="navbar-brand {if userid()} nopadding {/if}" style="{if userid()} padding-top: 7px ! important; {/if}" href="#">
<img class="cb_img_thum" src="{$userquery->getUserThumb('','small',userid())}" style="width: 40px; height: 40px;"/> <img class="cb_img_thum" src="{$userquery->getUserThumb('','small',userid())}" style="width: 40px; height: 40px;"/>
My Account &nbsp;&nbsp;&nbsp;<small>Total Uploaded Videos: {$user['total_videos']}</small> My Account &nbsp;&nbsp;&nbsp;<small>Total Uploaded Videos: {$user['total_videos']}</small>
</a> </a>
{/if} {/if}
<!--<a class="navbar-brand" href="#"> --> <!--<a class="navbar-brand" href="#"> -->
<!--My Account--> <!--My Account-->
<!--</a>--> <!--</a>-->
</div>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<!-- <ul class="nav navbar-nav">
{foreach $topMenuLinks as $key => $value}
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">{$key}<b class="caret"></b></a>
<ul class="dropdown-menu">
{foreach $value as $subKey => $subValue}
<li><a href="{$subValue}">{$subKey}</a></li>
{/foreach}
</ul>
</li>
{/foreach}
</ul> -->
<div class="pull-right">
<a class="btn btn-info" href="{$userquery->profile_link($userquery->udetails)}">{lang code='com_my_channel'}</a>
</div>
</div> </div>
</div> </div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
{foreach $topMenuLinks as $key => $value}
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">{$key}<b class="caret"></b></a>
<ul class="dropdown-menu">
{foreach $value as $subKey => $subValue}
<li><a href="{$subValue}">{$subKey}</a></li>
{/foreach}
</ul>
</li>
{/foreach}
</ul>
<div class="pull-right">
<a class="btn btn-info" href="{$userquery->profile_link($userquery->udetails)}">{lang code='com_my_channel'}</a>
</div>
</div>
</div>
{/if} {/if}

View file

@ -1,6 +1,5 @@
{*$topMenuLinks = array_slice($myAccountLinks, 0, 6)*} {*$topMenuLinks = array_slice($myAccountLinks, 0, 6)*}
{$topMenuLinks = $myAccountLinks} {$topMenuLinks = $myAccountLinks}
<div class="col-md-3 column margintop20">
<ul class="nav nav-pills nav-stacked"> <ul class="nav nav-pills nav-stacked">
{foreach $topMenuLinks as $key => $value} {foreach $topMenuLinks as $key => $value}
{if $key!='Contacts'} {if $key!='Contacts'}
@ -18,7 +17,6 @@
{/if} {/if}
{/foreach} {/foreach}
</ul> </ul>
</div>

View file

@ -70,6 +70,7 @@
<li><a href="{link name='photo_upload'}">{lang code="Upload Photo"}</a></li> <li><a href="{link name='photo_upload'}">{lang code="Upload Photo"}</a></li>
</ul> </ul>
</li> </li>
<li><a href="{link name='my_account' }{userid}">{lang code="my_account"}</a></li>
<li class="navbar-sm-login-links"><a href="{link name='logout'}">{lang code='logout'}</a></li> <li class="navbar-sm-login-links"><a href="{link name='logout'}">{lang code='logout'}</a></li>
{else} {else}
@ -237,8 +238,8 @@
</li> </li>
{else} {else}
<li> <li>
<div class=""> <div class=" mlm mrm">
<a href="#" data-toggle="modal" data-target="#login-modal" class="btn btn-primary btn-sm">{lang code="Login"}</a> <a href="#" data-toggle="modal" data-target="#login-modal"><span class="glyphicon glyphicon-user">ioupoiupo</span></a>
</div> </div>
</li> </li>

View file

@ -1,11 +1,11 @@
{$myAccountLinks = $userquery->my_account_links()} {$myAccountLinks = $userquery->my_account_links()}
<div class="container marginBottom"> <div class="container marginBottom">
{*include file="$style_dir/blocks/manage/account_menu.html"*} {include file="$style_dir/blocks/manage/account_menu.html"}
<div class="row cb-box"> <div class="row cb-box no-padding">
<div class="leftSidebar col-md-3"> <div class="leftSidebar col-lg-3 col-md-3 col-sm-3 col-xs-3 hidden-xs">
{include file="$style_dir/blocks/manage/userMenuLeft.html"} {include file="$style_dir/blocks/manage/userMenuLeft.html"}
</div> </div>
<div class="mainContent col-md-9"> <div class="mainContent col-lg-9 col-md-9 col-sm-9 col-xs-12">
{include file="$style_dir/blocks/manage/account_head.html" user=$user} {include file="$style_dir/blocks/manage/account_head.html" user=$user}
</div> </div>
</div> </div>

View file

@ -50,7 +50,7 @@ a:focus{outline: none !important;}
background-color: #356635; background-color: #356635;
} }
.no-padding { .no-padding {
padding: 0px; padding: 0px !important;
} }
.absolute { .absolute {
position: absolute; position: absolute;
@ -1043,7 +1043,7 @@ a.captionOrange:hover{color: #eb5100; text-decoration: underline; background-col
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
padding-left: 8px; padding-left: 8px;
width: 300px; width:100%;
color: #fff; color: #fff;
background-color: #428bca; background-color: #428bca;
} }
@ -1074,11 +1074,11 @@ a:hover {
.nav-stacked>li+li { .nav-stacked>li+li {
width: 300px; width:100%;
margin-top: 0px; margin-top: 0px;
margin-left: 0; margin-left: 0;
border-bottom:1px solid #dadada; border-bottom:1px solid #dadada;
border-left:0px solid #dadada; border-left:1px solid #dadada;
border-right:1px solid #dadada; border-right:1px solid #dadada;
} }