mirror of https://github.com/akveo/blur-admin
fix basic layout when resize window
parent
3e0a63ef2e
commit
4b8e58c2f8
|
@ -89,10 +89,13 @@
|
|||
|
||||
@media (max-width: $resXXS) {
|
||||
.al-msg-center {
|
||||
margin-right: 32px;
|
||||
}
|
||||
.al-msg-center li:first-child {
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
li {
|
||||
margin-left: 20px;
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -1,25 +1,22 @@
|
|||
.page-top {
|
||||
@include bg-translucent-dark(0.85);
|
||||
padding: 0;
|
||||
position: fixed;
|
||||
z-index: 904;
|
||||
box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.5);
|
||||
height: 66px;
|
||||
width: 100%;
|
||||
min-width: $resMin;
|
||||
padding: 0 32px 0 40px;
|
||||
}
|
||||
|
||||
a.al-logo {
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
padding-right: 4px;
|
||||
display: block;
|
||||
font-size: 24px;
|
||||
font-family: $font-family;
|
||||
white-space: nowrap;
|
||||
float: left;
|
||||
outline: none !important;
|
||||
width: 180px;
|
||||
text-align: center;
|
||||
line-height: 60px;
|
||||
|
||||
span {
|
||||
|
@ -29,9 +26,8 @@ a.al-logo {
|
|||
|
||||
.user-profile {
|
||||
float: right;
|
||||
min-width: 220px;
|
||||
min-width: 190px;
|
||||
margin-top: 10px;
|
||||
margin-right: 31px;
|
||||
}
|
||||
|
||||
.al-user-profile {
|
||||
|
@ -75,11 +71,9 @@ a.collapse-menu-link {
|
|||
text-decoration: none;
|
||||
line-height: 42px;
|
||||
color: #fff;
|
||||
width: 18px;
|
||||
padding: 0;
|
||||
float: left;
|
||||
margin-left: 9px;
|
||||
margin-top: 11px;
|
||||
margin: 11px 0 0 25px;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
|
@ -97,8 +91,7 @@ a.collapse-menu-link {
|
|||
overflow: hidden;
|
||||
width: 162px;
|
||||
float: left;
|
||||
margin-left: 49px;
|
||||
margin-top: 20px;
|
||||
margin: 20px 0 0 30px;
|
||||
|
||||
label {
|
||||
cursor: pointer;
|
||||
|
@ -120,4 +113,28 @@ a.collapse-menu-link {
|
|||
margin: 0 0 0 -3px;
|
||||
height: 27px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: $resS) {
|
||||
.search {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: $resXS) {
|
||||
.page-top {
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $resXXS) {
|
||||
.user-profile{
|
||||
min-width: 136px;
|
||||
}
|
||||
a.refresh-data {
|
||||
margin-right: 10px;
|
||||
}
|
||||
a.collapse-menu-link {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -197,6 +197,9 @@ a.al-sidebar-list-link {
|
|||
.al-sidebar {
|
||||
width: 0;
|
||||
}
|
||||
.sidebar-hover-elem, .sidebar-select-elem {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin sidebar-overlap() {
|
||||
|
@ -221,6 +224,7 @@ a.al-sidebar-list-link {
|
|||
|
||||
.sidebar-hover-elem, .sidebar-select-elem {
|
||||
left: $sidebar-width - 4;
|
||||
transition: left 0.5s ease;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -36,7 +36,7 @@
|
|||
margin: -250px 0 0 0;
|
||||
li {
|
||||
list-style: none;
|
||||
font-size: 13px;
|
||||
font-size: 12px;
|
||||
margin-bottom: 12px;
|
||||
line-height: 16px;
|
||||
position: relative;
|
||||
|
@ -121,7 +121,7 @@
|
|||
}
|
||||
.traffic-chart {
|
||||
width: auto;
|
||||
margin: 0;
|
||||
margin: 0 0 20px 0;
|
||||
float: none;
|
||||
}
|
||||
}
|
|
@ -19,7 +19,7 @@ body {
|
|||
}
|
||||
|
||||
a {
|
||||
transition: all 0.5s ease;
|
||||
transition: color 0.5s ease;
|
||||
outline: 0 !important;
|
||||
}
|
||||
|
||||
|
@ -27,7 +27,6 @@ a {
|
|||
display: block;
|
||||
height: 49px;
|
||||
margin: 0;
|
||||
padding: 0 13px 0 0;
|
||||
background-repeat: repeat-x;
|
||||
position: relative;
|
||||
z-index: 905;
|
||||
|
@ -114,6 +113,12 @@ a {
|
|||
padding: 8px 32px 8px 40px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: $resXS) {
|
||||
.al-content {
|
||||
padding: 8px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.vis-hidden {
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
|
|
Loading…
Reference in New Issue