[navbar] layout fixes

This commit is contained in:
pratu16x7 2017-09-22 01:05:17 +05:30
parent 9d24c8038a
commit 532e2e2dcd
6 changed files with 33 additions and 22 deletions

View file

@ -522,7 +522,7 @@ a.progress-small .progress-bar {
background-color: #98d85b;
}
li.user-progress .progress-chart {
width: 60px;
width: 50px;
margin-top: 8px;
}
li.user-progress .progress {
@ -544,6 +544,9 @@ li.user-progress .progress-bar {
margin-top: 0px;
margin-left: 2px;
}
li.user-progress .progress-chart {
width: 25px;
}
}
.msg-box {
padding: 30px 15px;

View file

@ -67,6 +67,10 @@ body {
#navbar-breadcrumbs {
margin: 0px;
display: inline-block;
max-width: 150px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#navbar-breadcrumbs > li,
#navbar-breadcrumbs > li > a {
@ -187,11 +191,8 @@ body {
}
}
@media (max-width: 991px) and (max-width: 480px) {
#navbar-breadcrumbs li a {
#navbar-breadcrumbs li > a {
width: 100px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
@media (max-width: 767px) {

View file

@ -133,6 +133,7 @@
background-color: #ff5858;
}
.navbar-form .awesomplete {
margin-left: -15px;
width: 300px;
}
@media (max-width: 1199px) {
@ -195,13 +196,14 @@
}
#navbar-breadcrumbs > li > a {
padding: 6px 15px 10px 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 170px;
}
@media (min-width: 991px) and (max-width: 1199px) {
#navbar-breadcrumbs > li > a {
max-width: 143px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 120px;
}
}
.toolbar-user-fullname {

View file

@ -350,7 +350,7 @@ a.progress-small {
li.user-progress {
.progress-chart {
width: 60px;
width: 50px;
margin-top: 8px;
}
@ -377,6 +377,10 @@ li.user-progress {
margin-top: 0px;
margin-left: 2px;
}
li.user-progress .progress-chart {
width: 25px;
}
}
.msg-box {

View file

@ -90,15 +90,14 @@ body {
#navbar-breadcrumbs {
margin: 0px;
display: inline-block;
max-width: 150px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
@media(max-width: 480px) {
li {
a {
width: 100px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
li > a {
width: 100px;
}
}
}
@ -457,7 +456,7 @@ body {
}
.reply {
padding: 10px;
}
}
.commented-on-small{
display: inline-block;
}

View file

@ -161,6 +161,7 @@
}
.navbar-form .awesomplete {
margin-left: -15px;
width: 300px;
@media (max-width: @screen-md) {
@ -218,12 +219,13 @@
#navbar-breadcrumbs > li > a {
padding: 6px 15px 10px 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 170px;
@media (min-width:991px) and (max-width: 1199px) {
max-width: 143px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 120px;
}
}