ros.grant.common 2.0.1320 → 2.0.1323

package/Shared/Styles/Modules/Modals/Modal.less

@@ -399,9 +399,25 @@
           display: flex;
           align-items: center;
           justify-content: center;
+          position: relative;
+
+          &:after {
+            content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='24px' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M20 21v-2c0-2.2091-1.7909-4-4-4H8c-2.20914 0-4 1.7909-4 4v2'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 11c2.2091 0 4-1.79086 4-4s-1.7909-4-4-4C9.79086 3 8 4.79086 8 7s1.79086 4 4 4z' clip-rule='evenodd'/%3E%3C/svg%3E");
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: linear-gradient(0deg, rgba(1, 1, 1, 0.5), rgba(1, 1, 1, 0.5));
+            transition: 0.2s;
+            z-index: 1;
+          }
 
           img {
             max-width: 100%;
+            position: relative;
+            z-index: 2;
           }
         }
 

package/Shared/Styles/myrtex-lib/datepicker/air-datepicker.less

@@ -544,14 +544,14 @@
     --adp-mobile-width: 320px;
     --adp-mobile-day-cell-height: 38px;
     --adp-mobile-month-cell-height: 48px;
-    --adp-mobile-year-cell-height: 64px
+    --adp-mobile-year-cell-height: 64px;
   }
   
   .air-datepicker-overlay {
     --adp-overlay-background-color: rgba(0, 0, 0, .3);
     --adp-overlay-transition-duration: .3s;
     --adp-overlay-transition-ease: ease-out;
-    --adp-overlay-z-index: 99
+    --adp-overlay-z-index: 99;
   }
   
   .air-datepicker {
@@ -571,7 +571,7 @@
     width: var(--adp-width);
     position: absolute;
     transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
-    z-index: var(--adp-z-index)
+    z-index: var(--adp-z-index);
   }
   
   .air-datepicker:not(.-custom-position-) {
@@ -596,7 +596,7 @@
   
   .air-datepicker.-active-:not(.-custom-position-) {
     transform: translate(0, 0);
-    opacity: 1
+    opacity: 1;
   }
   
   .air-datepicker.-active-.-custom-position- {
@@ -610,11 +610,11 @@
     left: auto;
     right: auto;
     opacity: 1;
-    transform: none
+    transform: none;
   }
   
   .air-datepicker.-inline- .air-datepicker--pointer {
-    display: none
+    display: none;
   }
   
   .air-datepicker.-is-mobile- {
@@ -626,7 +626,7 @@
     --adp-nav-action-size: var(--adp-mobile-nav-height);
     position: fixed;
     width: var(--adp-mobile-width);
-    border: none
+    border: none;
   }
   
   .air-datepicker.-is-mobile- * {
@@ -634,7 +634,7 @@
   }
   
   .air-datepicker.-is-mobile- .air-datepicker--pointer {
-    display: none
+    display: none;
   }
   
   .air-datepicker.-is-mobile-:not(.-custom-position-) {
@@ -652,7 +652,7 @@
   .air-datepicker-global-container {
     position: absolute;
     left: 0;
-    top: 0
+    top: 0;
   }
   
   .air-datepicker--pointer {
@@ -660,7 +660,7 @@
     position: absolute;
     width: var(--adp-pointer-size);
     height: var(--adp-pointer-size);
-    z-index: -1
+    z-index: -1;
   }
   
   .air-datepicker--pointer:after {
@@ -672,7 +672,7 @@
     border-top-right-radius: var(--adp-poiner-border-radius);
     width: var(--adp-pointer-size);
     height: var(--adp-pointer-size);
-    box-sizing: border-box
+    box-sizing: border-box;
   }
   
   .-top-left- .air-datepicker--pointer, .-top-center- .air-datepicker--pointer, .-top-right- .air-datepicker--pointer, [data-popper-placement^='top'] .air-datepicker--pointer {
@@ -738,11 +738,11 @@
   .air-datepicker--content {
     box-sizing: content-box;
     padding: var(--adp-padding);
-    grid-area: body
+    grid-area: body;
   }
   
   .-only-timepicker- .air-datepicker--content {
-    display: none
+    display: none;
   }
   
   .air-datepicker--time {
@@ -755,7 +755,7 @@
   
   .air-datepicker--buttons, .air-datepicker--time {
     padding: var(--adp-padding);
-    border-top: 1px solid var(--adp-border-color-inner)
+    border-top: 1px solid var(--adp-border-color-inner);
   }
   
   .air-datepicker-overlay {
@@ -768,14 +768,13 @@
     opacity: 0;
     transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
     transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
-    z-index: var(--adp-overlay-z-index)
+    z-index: var(--adp-overlay-z-index);
   }
   
   .air-datepicker-overlay.-active- {
     opacity: 1;
     width: 100%;
     height: 100%;
-    transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s
+    transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
   }
   
-  

package/Shared/Styles/myrtex-lib/editor/editor-icons.less

@@ -1,5 +1,8 @@
 .mrx-editor {
   .ck.ck-icon {
+    width: 25px;
+    height: 25px;
+
     rect {
       &.table-icon {
         fill: white;
@@ -16,7 +19,7 @@
       &.movies-icon {
         fill: white;
         width: 18px;
-        height: 18px;
+        height: 16px;
       }
     }
 
@@ -42,4 +45,73 @@
       }
     }
   }
+
+  .ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover {
+    background-color: var(--Bg2);
+
+    svg {
+      path, rect {
+        &.fill {
+          fill: var(--Subsidiary);
+        }
+        &.stroke {
+          stroke: var(--Subsidiary);
+        }
+        &.back {
+          fill: var(--Bg2);
+        }
+      }
+    }
+  }
+
+  .ck.ck-splitbutton.ck-splitbutton_open>.ck-button:not(.ck-on):not(.ck-disabled):not(:hover), .ck.ck-splitbutton:hover>.ck-button:not(.ck-on):not(.ck-disabled):not(:hover) {
+    background-color: var(--Bg2);
+
+    svg {
+      path, rect {
+        &.fill {
+          fill: var(--Subsidiary);
+        }
+        &.stroke {
+          stroke: var(--Subsidiary);
+        }
+        &.back {
+          fill: var(--Bg2);
+        }
+      }
+    }
+  }
+
+
+  .ck.ck-button.ck-on, a.ck.ck-button.ck-on {
+    background-color: var(--Bg2);
+
+    svg {
+      path, rect {
+        &.fill {
+          fill: var(--Subsidiary);
+        }
+        &.stroke {
+          stroke: var(--Subsidiary);
+        }
+        &.back {
+          fill: var(--Bg2);
+        }
+      }
+    }
+  }
+
+  .ck.ck-button.ck-on, a.ck.ck-button.ck-on {
+    svg.ck-dropdown__arrow {
+      path {
+        fill: var(--Subsidiary);
+      }
+    }
+  }
+
+
+
+  .ck.ck-button.ck-on:not(.ck-disabled):hover, a.ck.ck-button.ck-on:not(.ck-disabled):hover {
+    background-color: var(--Bg2)
+  }
 }

package/Shared/Styles/myrtex-lib/editor/editor.less

@@ -1,4 +1,6 @@
 .mrx-editor {
+  position: relative;
+  
   .ck-editor {
     label.ck-label.ck-voice-label {
       display: none !important;
@@ -26,4 +28,8 @@
   .ck.ck-toolbar {
     background-color: white;
   }
+
+  .ck.ck-editor__editable_inline {
+    padding: 12px 16px;
+  }
 }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.1320",
+  "version": "2.0.1323",
   "name": "ros.grant.common",
   "private": false,
   "scripts": {