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

This is part one of the style cleanup mentioned in #160.

Browse Source 
Functionality has not been affected (I hope). There will be few more related PRs but I want to keep each one simple so it's easy to review.

Signed-off-by: Marin Treselj <marin@pixelipo.com>
This commit is contained in:
Marin Treselj
2017-05-25 14:57:11 +02:00
committed by Julius Härtl
parent 2adf972440
commit 1defc48179
3 changed files with 40 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
css/style.css
View File

@@ -148,61 +148,28 @@ button.button-inline:hover {
padding: 7px;
}
#board-header #home {
position: relative;
padding: 0px;
}
#board-actions {
font-size: 10pt;
float: right;
position: relative;
color: #888;
margin: 8px;
}
#board-actions .filter .filter-button {
margin-left: 10px;
margin-right: 10px;
}
#board-actions .filter:hover {
color: #333333;
cursor: pointer;
}
#board-header-controls {
display: flex;
align-items: center;
position: relative;
.board-header-controls {
margin-left: auto;
}
#board-header-controls-menu {
display: none;
.board-header-controls.app-popover-menu-utils {
display: flex;
}
#board-header-controls-menu button {
padding: 15px 20px 15px 20px;
.board-header-controls > button {
padding: 16px 20px;
}
#board-header-controls-menu #popover-controls {
.board-header-controls.app-popover-menu-utils #popover-controls {
display: flex;
align-items: center;
padding-left: 3px;
}
#board-header-controls-menu .popovermenu{
.board-header-controls.app-popover-menu-utils .popovermenu {
margin-top: 35px;
margin-right: 6px;
}
.board-action-button,
.board-action-button * {
display: flex;
align-items: center;
}
.filter-select {
position: absolute;
right: auto;
@@ -224,20 +191,10 @@ button.button-inline:hover {
margin-right: 5px;
}
#board-actions div {
padding: 5px;
float: left;
}
.board-actions button {
border: none;
background-color: transparent;
}
#stack-add {
background-color: rgba(240,240,240,.9);
border-radius: 3px;
margin-right: 3px;
margin: 3px;
}
#stack-add > form {
@@ -248,7 +205,7 @@ button.button-inline:hover {
padding: 4px 5px;
border: 0px none transparent;
min-height: initial;
background-color: rgba(240,240,240,.9);
background-color: transparent;
}
#stack-add input:invalid {
@@ -887,14 +844,14 @@ button.button-inline:hover {
* Mobile optimizations
*/
@media (max-width: 480px) {
@media (min-width: 481px) {
/* hide board actions on mobile */
#board-header-controls {
display: none !important;
.board-header-controls {
display: flex;
}
#board-header-controls-menu {
display: flex;
.board-header-controls.app-popover-menu-utils {
display: none;
}
}