Mercurial > hg > orthanc-stone

comparison Applications/StoneWebViewer/Resources/Styles/_notice.scss @ 1538:d1806b4e4839

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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 }