Merge pull request #10679 from nextcloud/fix/10667/dialog-button-layout

switches the oc dialog button row to flex
This commit is contained in:
Roeland Jago Douma 2018-08-14 09:20:25 +02:00 committed by GitHub
commit 4b3587b5f8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 18 deletions

View File

@ -21,7 +21,7 @@
} }
.oc-dialog-buttonrow { .oc-dialog-buttonrow {
position: relative; position: relative;
display: block; display: flex;
background: transparent; background: transparent;
right: 0; right: 0;
bottom: 0; bottom: 0;
@ -32,24 +32,15 @@
background-image: linear-gradient(rgba(255, 255, 255, 0.0), var(--color-main-background)); background-image: linear-gradient(rgba(255, 255, 255, 0.0), var(--color-main-background));
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
clear: both;
button {
display: inline-block;
}
}
/* align primary button to right, other buttons to left */
.oc-dialog-buttonrow.twobuttons button:nth-child(1) {
float: left;
}
.oc-dialog-buttonrow.twobuttons.aside button:nth-child(1) {
float: none;
}
.oc-dialog-buttonrow.twobuttons button:nth-child(2) {
float: right;
}
.oc-dialog-buttonrow.onebutton button { &.twobuttons {
float: right; justify-content: space-between;
}
&.onebutton,
&.twobuttons.aside {
justify-content: flex-end;
}
} }
.oc-dialog-close { .oc-dialog-close {