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