open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

make #confirm popup more flexible

Browse Source 
kinda fixes #175
This commit is contained in:
tophf 2017-08-31 13:11:34 +03:00
parent 8960a9f5ce
commit 58b52b0bf0
1 changed files with 12 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
popup/popup.css
View File

@ -332,13 +332,9 @@ body.blocked .actions > .left-gutter {
/* confirm */ /* confirm */
#confirm, #confirm {
#confirm > div > span {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
}
#confirm {
z-index: 2147483647; z-index: 2147483647;
display: none; display: none;
position: absolute; position: absolute;
@ -358,6 +354,7 @@ body.blocked .actions > .left-gutter {
animation-fill-mode: both; animation-fill-mode: both;
} }
#confirm.lights-on,
#confirm.lights-on > div { #confirm.lights-on > div {
display: none; display: none;
} }
@ -368,30 +365,20 @@ body.blocked .actions > .left-gutter {
#confirm > div { #confirm > div {
width: 80%; width: 80%;
height: 100px;
max-height: 80%; max-height: 80%;
min-height: 8em; min-height: 6em;
padding: 1em;
background-color: #fff; background-color: #fff;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border: solid 2px rgba(0, 0, 0, 0.5); border: solid 2px rgba(0, 0, 0, 0.5);
} }
#confirm > div > span { #confirm > div > *:not(:last-child) {
display: flex; padding-bottom: .5em;
flex: 1;
padding: 0 10px;
}
#confirm > div > b {
padding: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
#confirm > div > div { #confirm > div > div {
padding: 10px;
text-align: center; text-align: center;
} }
@ -400,6 +387,12 @@ body.blocked .actions > .left-gutter {
text-align: right; text-align: right;
} }
#confirm > button {
/* add a gap between buttons both for horizontal
or vertical (when the label is wide) layout */
margin: 0 .25em .25em 0;
}
.unreachable .entry { .unreachable .entry {
opacity: .25; opacity: .25;
} }