ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Fixes few regressions caused by my last PR.

Browse Source 
It tranaformed our css to the "mobile-first" paradigm so @media
query now targets large screens.
This commit also fixes share icon in the left sidebar.

Signed-off-by: Marin Treselj <marin@pixelipo.com>
This commit is contained in:
Marin Treselj
2017-05-28 14:41:29 +02:00
parent 18262c6159
commit 1780b4b21c
1 changed files with 9 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
css/style.css
View File

@@ -55,21 +55,16 @@ button.button-inline:hover {
} }
#searchbox { #searchbox {
display: block !important; display: flex !important;
} }
/** /**
* Navigation sidebar * Navigation sidebar
*/ */
.app-navigation-entry-utils-menu-button {
display: block !important;
}
.app-navigation-entry-utils-menu-share { .app-navigation-entry-utils-menu-share {
display: block !important; display: flex !important;
text-align: right; padding: 14px;
padding-top: 3px;
padding-right: 5px;
opacity: 0.4; opacity: 0.4;
} }
@@ -222,10 +217,9 @@ button.button-inline:hover {
} }
.stack { .stack {
width: 320px; width: 100%;
margin-right: 10px; margin-right: 10px;
vertical-align: top; vertical-align: top;
display: inline-block;
background-color: #f8f8f8; background-color: #f8f8f8;
} }
@@ -268,7 +262,8 @@ button.button-inline:hover {
} }
.stack h2 .stack-actions { .stack h2 .stack-actions {
display: none; display: flex;
opacity: 0.25;
} }
.stack h2:hover .stack-actions { .stack h2:hover .stack-actions {
@@ -860,12 +855,11 @@ button.button-inline:hover {
@media (max-width: 480px) { @media (max-width: 480px) {
.stack { .stack {
width: 100%; width: 320px;
display: block; display: inline-block;
} }
.stack h2 .stack-actions { .stack h2 .stack-actions {
display: flex; display: none;
opacity: 0.25;
} }
} }