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

Center messageBox icon vertically in the title

Browse Source
This commit is contained in:
tophf 2017-03-26 07:55:03 +03:00
parent 1166fd9d3b
commit 9a36acf045
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
msgbox/msgbox.css
View File

@ -47,7 +47,7 @@
#message-box-title { #message-box-title {
font-weight: bold; font-weight: bold;
background-color: rgb(145, 208, 198); background-color: rgb(145, 208, 198);
padding: .75rem 50px .75rem 52px; padding: .75rem 24px .75rem 52px;
font-size: 1rem; font-size: 1rem;
position: relative; position: relative;
} }
@ -59,8 +59,10 @@
padding: 0 32px 32px 0; padding: 0 32px 32px 0;
background: url(/images/icon/32.png); background: url(/images/icon/32.png);
position: absolute; position: absolute;
left: 11px; left: .5rem;
top: 8px; top: 0;
bottom: 0;
margin: auto;
} }
#message-box.danger #message-box-title { #message-box.danger #message-box-title {
@ -92,6 +94,7 @@
padding: 1.5rem .75rem; padding: 1.5rem .75rem;
position: relative; position: relative;
flex-grow: 9; flex-grow: 9;
word-wrap: break-word;
} }
#message-box-buttons { #message-box-buttons {