[Library | Trunk]: Add new fs-modal css

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/assets@60596 d315682c-612b-4755-9ff5-7f18f6832af3

css-rules.txt

@@ -5,6 +5,7 @@ Metrics: 3
 B2Note: 5
 Nav-bar: 980
 Tooltip: 1030
+fs-modal: 9999
 Modal: 10000
 Modal-Tooltip: 10001
 Mat-Select: 10001

library-css/modal.scss

@@ -1,3 +1,58 @@
+.fs-modal {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 9999;
+  overflow: auto;
+  background-color: white;
+}
+
+.fs-modal > .close {
+  position: fixed;
+  opacity: 0.7;
+  top: 50px;
+  left: 50px;
+  transform: translate(-50%, -50%);
+  z-index: 1;
+}
+
+.fs-modal > .header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 80px;
+  padding: 10px 120px;
+}
+
+.fs-modal > .content {
+  margin-top: 100px;
+}
+
+.fs-modal > .content > .content-inner {
+  padding: 50px 90px 90px;
+}
+
+@media only screen and (max-width: 639px) {
+  .fs-modal > .header {
+    padding: 10px 45px;
+  }
+
+  .fs-modal > .content > .content-inner {
+    padding: 50px 45px 90px;
+  }
+}
+
+html.fs-modal-open {
+  overflow: hidden !important;
+}
+
 .uk-modal.uk-open ~ .uk-tooltip {
   z-index: 10001;
 }
+
+.fs-modal ~ .uk-tooltip {
+  z-index: 10000;
+}