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 > div > span {
#confirm {
align-items: center;
justify-content: center;
}
#confirm {
z-index: 2147483647;
display: none;
position: absolute;
@ -358,6 +354,7 @@ body.blocked .actions > .left-gutter {
animation-fill-mode: both;
}
#confirm.lights-on,
#confirm.lights-on > div {
display: none;
}
@ -368,30 +365,20 @@ body.blocked .actions > .left-gutter {
#confirm > div {
width: 80%;
height: 100px;
max-height: 80%;
min-height: 8em;
min-height: 6em;
padding: 1em;
background-color: #fff;
display: flex;
flex-direction: column;
border: solid 2px rgba(0, 0, 0, 0.5);
}
#confirm > div > span {
display: flex;
flex: 1;
padding: 0 10px;
}
#confirm > div > b {
padding: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
#confirm > div > *:not(:last-child) {
padding-bottom: .5em;
}
#confirm > div > div {
padding: 10px;
text-align: center;
}
@ -400,6 +387,12 @@ body.blocked .actions > .left-gutter {
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 {
opacity: .25;
}