[navbar] layout fixes
This commit is contained in:
parent
9d24c8038a
commit
532e2e2dcd
6 changed files with 33 additions and 22 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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) {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue