fix basic layout when resize window

pull/3/head
KostyaDanovsky 2015-11-19 16:22:31 +03:00
parent 3e0a63ef2e
commit 4b8e58c2f8
5 changed files with 50 additions and 21 deletions

View File

@ -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;
}
}
}
}

View File

@ -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;
}
}

View File

@ -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;
}
}
}

View File

@ -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;
}
}

View File

@ -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;