ros.grant.common 2.0.1321 → 2.0.1324

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;
           }
         }
 
@@ -409,7 +425,7 @@
           &__role {
             font-size: 12px;
             line-height: 16px;
-            color: var(--Stroke);
+            color: var(--Secondary);
           }
 
           &__name {

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.1321",
+  "version": "2.0.1324",
   "name": "ros.grant.common",
   "private": false,
   "scripts": {