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)}
{if userid()}
<div class="userAccountMenu navbar navbar-default cb-box row">
<div class="navbar-header">
<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="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="userPicContainer">
{if userid()}
<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;"/>
My Account &nbsp;&nbsp;&nbsp;<small>Total Uploaded Videos: {$user['total_videos']}</small>
</a>
{/if}
<!--<a class="navbar-brand" href="#"> -->
<!--My Account-->
<!--</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 class="userAccountMenu navbar navbar-default cb-box row visible-xs">
<div class="navbar-header">
<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="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="userPicContainer">
{if userid()}
<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;"/>
My Account &nbsp;&nbsp;&nbsp;<small>Total Uploaded Videos: {$user['total_videos']}</small>
</a>
{/if}
<!--<a class="navbar-brand" href="#"> -->
<!--My Account-->
<!--</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>
{/if}

View file

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

View file

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

View file

@ -1,11 +1,11 @@
{$myAccountLinks = $userquery->my_account_links()}
<div class="container marginBottom">
{*include file="$style_dir/blocks/manage/account_menu.html"*}
<div class="row cb-box">
<div class="leftSidebar col-md-3">
{include file="$style_dir/blocks/manage/account_menu.html"}
<div class="row cb-box no-padding">
<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"}
</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}
</div>
</div>

View file

@ -50,7 +50,7 @@ a:focus{outline: none !important;}
background-color: #356635;
}
.no-padding {
padding: 0px;
padding: 0px !important;
}
.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 {
padding-left: 8px;
width: 300px;
width:100%;
color: #fff;
background-color: #428bca;
}
@ -1074,11 +1074,11 @@ a:hover {
.nav-stacked>li+li {
width: 300px;
width:100%;
margin-top: 0px;
margin-left: 0;
border-bottom:1px solid #dadada;
border-left:0px solid #dadada;
border-left:1px solid #dadada;
border-right:1px solid #dadada;
}