Commit 9f85a26d authored by Pat Kira's avatar Pat Kira
Browse files

Bug 1681604 - Fixed main content being too close to header

- Fixed main content container being too close to header when there are
  two or more messages.
- Minor styles tidy up, there was vertical scroll bar on dropdown menu.
- Added more space between header and main content for Ocean theme

Change-Id: I387d6331aa3df14977dab3d0a2f8b76d422ba9d2
behatnotneeded: styling only
parent 703af39e
......@@ -16,3 +16,13 @@ body {
}
}
}
@for $i from 1 through 5 {
.header.message-count-#{$i} {
+ .main-content {
@media (min-width: $screen-sm-min) {
margin-top: ($i * 33px) + 40px;
}
}
}
}
......@@ -66,7 +66,7 @@
border: 0;
position: absolute;
right: 10px;
top: 5px;
top: 6px;
height: 37px;
width:42px;
margin: 0;
......
......@@ -26,13 +26,20 @@
.header.message-count-#{$i} {
top: 33px * $i;
@media (max-width: $screen-sm-min - 1) {
top: 0;
}
~ .container {
.toolbar-affix.affix {
margin-top: $i * 33px;
}
}
@media (max-width: $screen-sm-min - 1) {
top: 0;
+ .main-content {
@media (min-width: $screen-sm-min) {
margin-top: $i * 33px;
}
}
}
}
......
......@@ -76,7 +76,6 @@
color: $navbar-default-color;
background-color: $navbar-default-bg;
padding: 10px 15px;
line-height: 20px;
font-weight: normal;
border-top: 1px solid $navbar-default-border;
border-bottom: 1px solid $navbar-default-border;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment