diff StoneWebViewer/Resources/Styles/_notice.scss @ 1495:fb74ed5d8c22

initial commit of the Stone Web viewer
author Sebastien Jodogne <s.jodogne@gmail.com>
date Thu, 25 Jun 2020 16:51:10 +0200
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/StoneWebViewer/Resources/Styles/_notice.scss	Thu Jun 25 16:51:10 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