Add mobile sorting style to bluesky

Flexberry · Jul 9, 2020 · 525de12 · 525de12
1 parent e1d9fce
commit 525de12
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 11 deletions.
diff --git a/src/themes/blue-sky/components/flexberry-objectlistview.overrides b/src/themes/blue-sky/components/flexberry-objectlistview.overrides
@@ -35,6 +35,13 @@
   }
 }
 
+.ui.button.mobile-sorting-setting-button {
+  max-width: @navbarSortingMobileMaxWidth;
+  white-space: @navbarSortingMobileWhiteSpace;
+  overflow: @navbarSortingMobileOverflow;
+  text-overflow: @navbarSortingMobileTextOverflow;
+}
+
 // Fix for ie
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .ui.action.input.search-field,

diff --git a/src/themes/blue-sky/components/flexberry-objectlistview.variables b/src/themes/blue-sky/components/flexberry-objectlistview.variables
@@ -46,4 +46,10 @@
 --------------------*/
 @olvOperationsButtonLineHeight: unit(20 / 14, em);
 @olvOperationsButtonBorderColor: transparent;
-@olvOperationsButtonMargin: 0;
+@olvOperationsButtonMargin: 0;
+
+/*Navbar sorting*/
+@navbarSortingMobileMaxWidth: 180px;
+@navbarSortingMobileWhiteSpace: nowrap;
+@navbarSortingMobileOverflow: hidden;
+@navbarSortingMobileTextOverflow: ellipsis;
diff --git a/src/themes/ghost/components/flexberry-objectlistview.overrides b/src/themes/ghost/components/flexberry-objectlistview.overrides
@@ -667,13 +667,9 @@ tbody tr td .icon.button.hierarchy-expand {
   }
 
   .ui.button.mobile-sorting-setting-button {
-    width: @navbarSortingMobileWidth;
+    max-width: @navbarSortingMobileMaxWidth;
     white-space: @navbarSortingMobileWhiteSpace;
     overflow: @navbarSortingMobileOverflow;
     text-overflow: @navbarSortingMobileTextOverflow;
-    font-size:  @navbarSortingMobileFontSize;
-    font-weight: @navbarSortingMobileTextWeight;
-    display: @navbarSortingMobileDisplay;
-    align-items: @navbarSortingMobileAlignItems;
   }
 }
diff --git a/src/themes/ghost/components/flexberry-objectlistview.variables b/src/themes/ghost/components/flexberry-objectlistview.variables
@@ -222,14 +222,10 @@
 @navbarMobileButtonPadding: 0 0.625rem;
 
 /*Navbar sorting*/
-@navbarSortingMobileWidth: 180px;
+@navbarSortingMobileMaxWidth: 180px;
 @navbarSortingMobileWhiteSpace: nowrap;
 @navbarSortingMobileOverflow: hidden;
 @navbarSortingMobileTextOverflow: ellipsis;
-@navbarSortingMobileFontSize: 1rem;
-@navbarSortingMobileTextWeight: bold;
-@navbarSortingMobileDisplay: flex;
-@navbarSortingMobileAlignItems: center;
 
 /* Mobile selected row menu */
 @olvContainerPosition: relative;