Fixed ‘add new card’ button position

This commit is contained in:
Giulio Cesare Solaroli 2015-02-13 09:12:55 +01:00
parent 3a466a758a
commit 182e9eb00f
3 changed files with 27 additions and 9 deletions

View File

@ -705,7 +705,13 @@ div.overlay {
#mainPanel.extra-wide .selectionToggle .button {
display: none;
visibility: hidden; }
#mainPanel.wide .container, #mainPanel.narrow .container {
#mainPanel.extra-wide div.addCardButton {
margin-left: 20%; }
#mainPanel.wide .container {
width: 100%;
height: 100%;
margin: 0 auto; }
#mainPanel.narrow .container {
width: 100%;
height: 100%;
margin: 0 auto; }
@ -731,6 +737,8 @@ div.overlay {
#mainPanel.narrow .column.right.transition {
visibility: visible;
display: block; }
#mainPanel.narrow div.addCardButton {
margin-left: 75%; }
#mainPanel.open.left {
width: 100%;
margin: 0 auto;
@ -908,9 +916,8 @@ div.cardContent {
box-shadow: 2px 8px 6px 0 rgba(0, 0, 0, 0.2);
width: 60px;
height: 60px;
float: right;
position: absolute;
margin-left: 150px;
margin-left: 25%;
margin-bottom: 20px;
cursor: pointer; }
div.cardContent div.cardListColumn.column div.addCardButton:hover {

File diff suppressed because one or more lines are too long

View File

@ -87,19 +87,30 @@
visibility: hidden;
}
}
div.addCardButton {
margin-left: 20%;
}
}
&.wide, &.narrow {
&.wide {
.container {
@include sliding-panel-container();
}
}
&.narrow {
.container {
@include sliding-panel-container();
}
.column {
@include pageElement();
}
div.addCardButton {
margin-left: 75%;
}
}
&.open.left {
@ -263,10 +274,10 @@ div.cardContent {
width: $addButtonSize;
height: $addButtonSize;
float: right;
// float: right;
position: absolute;
margin-left: 150px;
// margin-left: 70%;
// margin-left: 150px;
margin-left: 25%;
margin-bottom: 20px;
cursor: pointer;