Mercurial > hg > orthanc-stone
comparison Applications/StoneWebViewer/Resources/Styles/_notice.scss @ 1538:d1806b4e4839
moving OrthancStone/Samples/ as Applications/Samples/
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Tue, 11 Aug 2020 13:24:38 +0200 |
parents | StoneWebViewer/Resources/Styles/_notice.scss@fb74ed5d8c22 |
children |
comparison
equal
deleted
inserted
replaced
1537:de8cf5859e84 | 1538:d1806b4e4839 |
---|---|
1 wv-notice { | |
2 display: block; | |
3 height: 100%; | |
4 width: 100%; | |
5 } | |
6 | |
7 .wvNotice { | |
8 // Set padding | |
9 padding: 0.5rem 0.25rem; | |
10 | |
11 // Fill parent element so text can be centered | |
12 height: 100%; | |
13 } | |
14 | |
15 .wvNotice__text { | |
16 // Center text | |
17 position: relative; | |
18 top: 50%; | |
19 transform: translateY(-50%); | |
20 text-align: center; | |
21 margin-left: 1rem; | |
22 | |
23 // Text style | |
24 font-weight: 400; | |
25 color: hsl(0, 0%, 70%); | |
26 | |
27 // Keep space for button | |
28 float: left; | |
29 width: calc(100% - 7rem); // 3.5 rem + 3 rem margin (incl. button margin + text margin) | |
30 } | |
31 | |
32 .wvNotice__closeButton { | |
33 // Position button on right | |
34 float: right; | |
35 margin-right: 0.5em; | |
36 | |
37 // Center button vertically | |
38 position: relative; | |
39 top: 50%; | |
40 transform: translateY(-50%); | |
41 | |
42 // Set button size | |
43 width: 3.5rem; | |
44 height: 2.5rem; // half the bottom zone height | |
45 | |
46 // Configure button icon | |
47 text-align: center; | |
48 font-size: 1em; | |
49 font-weight: 100; | |
50 line-height: 2.2rem; | |
51 | |
52 // Set button style | |
53 cursor: pointer; | |
54 border: 1px solid hsl(0, 0%, 27%); | |
55 } |