Mercurial > hg > orthanc-stone
diff 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 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/Applications/StoneWebViewer/Resources/Styles/_notice.scss Tue Aug 11 13:24:38 2020 +0200 @@ -0,0 +1,55 @@ +wv-notice { + display: block; + height: 100%; + width: 100%; +} + +.wvNotice { + // Set padding + padding: 0.5rem 0.25rem; + + // Fill parent element so text can be centered + height: 100%; +} + +.wvNotice__text { + // Center text + position: relative; + top: 50%; + transform: translateY(-50%); + text-align: center; + margin-left: 1rem; + + // Text style + font-weight: 400; + color: hsl(0, 0%, 70%); + + // Keep space for button + float: left; + width: calc(100% - 7rem); // 3.5 rem + 3 rem margin (incl. button margin + text margin) +} + +.wvNotice__closeButton { + // Position button on right + float: right; + margin-right: 0.5em; + + // Center button vertically + position: relative; + top: 50%; + transform: translateY(-50%); + + // Set button size + width: 3.5rem; + height: 2.5rem; // half the bottom zone height + + // Configure button icon + text-align: center; + font-size: 1em; + font-weight: 100; + line-height: 2.2rem; + + // Set button style + cursor: pointer; + border: 1px solid hsl(0, 0%, 27%); +} \ No newline at end of file