Fixes for mobile resolution

enonic · Feb 26, 2025 · 85c7565 · 85c7565
1 parent 77bdf5e
commit 85c7565
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 22 deletions.
diff --git a/modules/lib/src/main/resources/assets/styles/browse/content-appbar.less b/modules/lib/src/main/resources/assets/styles/browse/content-appbar.less
@@ -32,7 +32,6 @@
   }
 
   .project-viewer {
-    padding-left: 5px;
     margin-left: 5px;
     display: flex;
     pointer-events: none;
@@ -48,7 +47,7 @@
       .@{_COMMON_PREFIX}wrapper {
         height: @default-icon-size;
         width: @default-icon-size;
-        margin-right: 10px;
+        margin-right: 7px;
 
         .font-icon-default {
           .flag {

diff --git a/modules/lib/src/main/resources/assets/styles/project/project-viewer.less b/modules/lib/src/main/resources/assets/styles/project/project-viewer.less
@@ -12,23 +12,6 @@
   }
 }
 
-
-&._0-240,
-&._240-360,
-&._360-540 {
-  .project-viewer {
-
-    .names-and-icon-view.small .@{_COMMON_PREFIX}wrapper {
-      margin-right: 5px;
-
-      .font-icon-default {
-        font-size: 26px;
-        height: auto;
-      }
-    }
-  }
-}
-
 .viewer-selectable() {
   &.viewer {
     cursor: pointer;

diff --git a/modules/lib/src/main/resources/assets/styles/wizard/content-wizard-panel.less b/modules/lib/src/main/resources/assets/styles/wizard/content-wizard-panel.less
@@ -450,13 +450,19 @@
 
     .mobile-edit-publish-button,
     .mobile-edit-mark-as-ready-button {
+      display: flex !important;
       position: fixed;
       bottom: 0;
       text-align: center;
       height: 40px;
       width: 100%;
       opacity: 0.9;
       z-index: @z-index-docked-panel;
+      justify-content: center;
+
+      span {
+        font-size: 16px;
+      }
     }
 
     .mobile-edit-publish-controls {

diff --git a/modules/lib/src/main/resources/assets/styles/wizard/content-wizard-toolbar.less b/modules/lib/src/main/resources/assets/styles/wizard/content-wizard-toolbar.less
@@ -119,7 +119,7 @@
     }
 
     .@{_COMMON_PREFIX}wrapper {
-      margin-right: 5px;
+      margin-right: 7px;
 
       .names-and-icon-view {
         .font-icon-default {
@@ -183,7 +183,6 @@
     flex-shrink: 0;
     flex-grow: 1;
     justify-content: flex-end;
-    max-width: 120px;
     margin-right: 5px;
   }
 
@@ -262,7 +261,7 @@
     }
 
     &-collaboration {
-      max-width: 90px;
+      margin-left: 5px;
     }
   }