UX: move close button to bottom and add esc hint.

This commit is contained in:
Sam 2017-08-18 15:40:34 -04:00
parent aeedecd27c
commit 5c80d4bcdd
1 changed files with 9 additions and 2 deletions

View File

@ -33,7 +33,7 @@
} }
overflow-y: auto; overflow-y: auto;
z-index: 110; z-index: 110;
padding: 10px; padding: 10px 10px 35px 10px;
box-shadow: 3px 3px 3px rgba(0,0,0, 0.34); box-shadow: 3px 3px 3px rgba(0,0,0, 0.34);
background: $highlight-medium; background: $highlight-medium;
@ -55,10 +55,17 @@
} }
a.close { a.close {
float: right; position: absolute;
right: 10px;
bottom: 10px;
color: $primary; color: $primary;
opacity: 0.5; opacity: 0.5;
font-size: 1.071em; font-size: 1.071em;
&:before {
content: 'esc';
font-size: 0.85em;
margin-right: 0.5em;
}
} }
a.close:hover { a.close:hover {