From 140a6e447776d9e9be669bb1123d99725fbe92b2 Mon Sep 17 00:00:00 2001 From: David Wheatley Date: Fri, 24 Dec 2021 13:49:06 +0100 Subject: [PATCH] unformat --- less/common/App.less | 33 +++++++++++---------------------- less/common/Dropdown.less | 25 ++++++++++--------------- less/common/sideNav.less | 6 ++---- 3 files changed, 23 insertions(+), 41 deletions(-) diff --git a/less/common/App.less b/less/common/App.less index 1c2f34e05..5bc21a4c0 100644 --- a/less/common/App.less +++ b/less/common/App.less @@ -27,16 +27,13 @@ box-shadow: 0 2px 6px var(--shadow-color); } } - .App-primaryControl, - .App-titleControl, - .App-backControl { + .App-primaryControl, .App-titleControl, .App-backControl { position: absolute !important; z-index: calc(~"var(--zindex-header) + 1"); top: 0 !important; margin: 0; - .App.affix &, - .Composer & { + .App.affix &, .Composer & { position: fixed !important; } @@ -62,18 +59,15 @@ right: 0; &.Dropdown { - .Button, - .Button-caret { + .Button, .Button-caret { display: none !important; } - .Dropdown-toggle, - .Button-icon { + .Dropdown-toggle, .Button-icon { display: block !important; } } } - .App-primaryControl, - .App-backControl { + .App-primaryControl, .App-backControl { margin: 0 !important; > .Button { @@ -96,8 +90,7 @@ text-align: center; color: var(--header-color) !important; - &, - > .Button { + &, > .Button { font-size: 16px; } > .Button { @@ -206,15 +199,12 @@ > li { padding: 0 10px 0; } - .FormControl, - .ButtonGroup, - .Button { + .FormControl, .ButtonGroup, .Button { width: 100%; text-align: left; } .Dropdown-menu { - .ButtonGroup, - .Button { + .ButtonGroup, .Button { width: auto; } } @@ -230,7 +220,7 @@ @media @phone { .App-drawer { & when (@config-colored-header = true) { - .light-contents(@name: "header-colored"); + .light-contents(@name: 'header-colored'); } } } @@ -254,7 +244,7 @@ } & when (@config-colored-header = true) { - .light-contents(@name: "header-colored"); + .light-contents(@name: 'header-colored'); } } @@ -263,8 +253,7 @@ margin-right: 25px; } .Header-controls { - &, - > li { + &, > li { display: inline-block; vertical-align: middle; } diff --git a/less/common/Dropdown.less b/less/common/Dropdown.less index bb8871563..206085211 100644 --- a/less/common/Dropdown.less +++ b/less/common/Dropdown.less @@ -24,9 +24,7 @@ } > li { - > a, - > button, - > span { + > a, > button, > span { padding: 8px 15px; display: block; width: 100%; @@ -61,15 +59,13 @@ background: none !important; } } - > a, - > button { + > a, > button { &:hover { background: var(--control-bg); } } &.active { - > a, - > button { + > a, > button { background: var(--control-bg); } } @@ -104,6 +100,7 @@ height: 1px; } + .dropdown-backdrop { position: fixed; left: 0; @@ -113,6 +110,7 @@ z-index: calc(~"var(--zindex-dropdown) - 10"); } + .Dropdown--split { .Dropdown-toggle .Button-icon { display: none; @@ -133,8 +131,7 @@ @media @tablet-up { .Dropdown-menu li:first-child { - &, - + li.Dropdown-separator { + &, + li.Dropdown-separator { display: none; } } @@ -159,6 +156,7 @@ } } + @media @phone { .Dropdown.open { z-index: var(--zindex-modal); @@ -183,8 +181,7 @@ transition: transform 0.3s, visibility 0s 0.3s; > li { - > a, - > button { + > a, > button { background: var(--body-bg); font-size: 16px; padding: 15px 20px; @@ -202,10 +199,8 @@ } } > .active { - > a, - > button { - &, - &:hover { + > a, > button { + &, &:hover { background: var(--primary-color) !important; color: #fff !important; } diff --git a/less/common/sideNav.less b/less/common/sideNav.less index ca7677890..84ed289d0 100644 --- a/less/common/sideNav.less +++ b/less/common/sideNav.less @@ -60,8 +60,7 @@ flex-shrink: 0; margin-right: 50px; - &, - > ul { + &, > ul { width: 190px; } > ul { @@ -91,8 +90,7 @@ border-bottom: 1px solid var(--control-bg); } - > ul > li, - .Dropdown-menu > li { + > ul > li, .Dropdown-menu > li { display: inline-block; margin: 0 20px 0 0; vertical-align: top;