bigchaindb/site
1
0
Fork 0
mirror of https://github.com/bigchaindb/site.git synced 2024-11-25 11:08:29 +01:00
Code Releases Activity

Mobile menu fixes (#98)

Browse Source 
* fix overflow menu scrolling
* more balanced spacing in mobile menu while we're at it
* visual centering of hero logo
This commit is contained in:
Matthias Kretschmann 2017-02-20 17:25:40 +01:00 committed by GitHub
parent 2e403ac5f4
commit bf139c6bb6
2 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
_src/_assets/styles/bigchain/_hero.scss
View File

@ -30,6 +30,10 @@ $menu-height-md: 66px;
margin: 0 auto;
max-width: 10em;
// visual centering
position: relative;
right: -3%;
@media ($screen-sm) {
max-width: 13em;
}

16
_src/_assets/styles/bigchain/_menus.scss
View File

@ -18,7 +18,7 @@
.menu__link {
@extend .small;
display: inline-block;
padding: ($spacer / 2);
padding: $spacer ($spacer / 2);
text-transform: uppercase;
box-shadow: none;
position: relative;
@ -38,7 +38,7 @@
display: block;
left: 50%;
margin-left: -15px;
bottom: 0;
bottom: ($spacer / 2);
// hidden by default
transform: scale(0);
transform-origin: center;
@ -61,6 +61,11 @@
.menu__logo {
display: block;
box-shadow: none;
padding-top: $spacer;
@media ($screen-md) {
padding-top: 0;
}
svg {
@extend .transition;
@ -86,11 +91,11 @@
background: rgba($brand-main-blue-dark, .35);
backdrop-filter: saturate(150%) blur(10px);
border-bottom: 1px solid rgba($gray, .9);
padding-top: $spacer;
padding-bottom: $spacer;
padding-top: ($spacer / 2);
padding-bottom: ($spacer / 2);
.menu__logo {
margin-bottom: $spacer / 2;
margin-bottom: ($spacer / 2);
@media ($screen-md) {
margin-bottom: 0;
@ -123,6 +128,7 @@
margin-right: -$gutter-space / 2;
padding-left: $gutter-space / 2;
padding-right: $gutter-space / 2;
max-width: 100%;
&::-webkit-scrollbar { display: none; }