diff --git a/client/admin/admin.less b/client/admin/admin.less index 4cea390b5..4c30cff93 100644 --- a/client/admin/admin.less +++ b/client/admin/admin.less @@ -21,7 +21,7 @@ body { text-rendering : optimizeLegibility; } -.admin { +:where(.admin) { header { padding : 20px 0px; @@ -34,7 +34,35 @@ body { hr { margin : 30px 0px; } - .container { + :where(.container) { + input { + height : 33px; + padding : 0px 10px; + margin-bottom : 20px; + font-family : monospace; + } + + button { + height : 37px; + vertical-align : middle; + } + + dl { + @maxItemWidth : 132px; + dt { + float : left; + width : @maxItemWidth; + clear : left; + text-align : right; + &::after { content : ' : '; } + } + dd { + height : 1em; + padding : 0 0 0.5em 0; + margin-left : @maxItemWidth + 6px; + } + } + .tabs button { margin-right : 3px; margin-left : 3px; @@ -54,85 +82,11 @@ body { border : 2px solid #444444; } } - section.notificationUtils { + + .notificationUtils { display : flex; gap : 50px; justify-content : space-between; - - .notificationAdd { - position : relative; - display : flex; - flex-direction : column; - width : 500px; - - .field { - display : grid; - grid-template-columns : 120px 150px; - align-items : center; - justify-items : stretch; - width : 100%; - margin-bottom : 20px; - - - input { - height : 33px; - padding : 0px 10px; - font-family : monospace; - } - - textarea { - resize:vertical; - width : 50ch; - min-height : 7em; - max-height : 25em; - } - } - - button { - - position : absolute; - right : 0; - bottom : 0; - - i { margin-right : 10px; } - } - } - - .notificationLookup { - width : max-content; - min-width : 450px; - - .notificationList { - display : flex; - flex-direction : column; - gap : px; - margin-block : 20px; - border : 1px solid; - border-radius : 5px; - - details { - padding : 10px; - background : #CCCCCC; - - &:nth-child(even) { background : #DDDDDD; } - &:first-child { - border-top-left-radius : 5px; - border-top-right-radius : 5px; - } - &:last-child { - border-bottom-right-radius : 5px; - border-bottom-left-radius : 5px; - } - - summary { - font-size : 20px; - font-weight : 900; - } - } - } - - } } - } } diff --git a/client/admin/brewUtils/brewCleanup/brewCleanup.less b/client/admin/brewUtils/brewCleanup/brewCleanup.less index ec7582855..16fc98957 100644 --- a/client/admin/brewUtils/brewCleanup/brewCleanup.less +++ b/client/admin/brewUtils/brewCleanup/brewCleanup.less @@ -1,10 +1,9 @@ -.BrewCleanup{ - .removeBox{ - margin-top: 20px; - button{ - background-color: @red; - margin-right: 10px; +.BrewCleanup { + .removeBox { + margin-top : 20px; + button { + margin-right : 10px; + background-color : @red; } } - } \ No newline at end of file diff --git a/client/admin/brewUtils/brewCompress/brewCompress.less b/client/admin/brewUtils/brewCompress/brewCompress.less index 2a2bf42ea..8668e9280 100644 --- a/client/admin/brewUtils/brewCompress/brewCompress.less +++ b/client/admin/brewUtils/brewCompress/brewCompress.less @@ -1,10 +1,9 @@ -.BrewCompress{ - .removeBox{ - margin-top: 20px; - button{ - background-color: @red; - margin-right: 10px; +.BrewCompress { + .removeBox { + margin-top : 20px; + button { + margin-right : 10px; + background-color : @red; } } - } \ No newline at end of file diff --git a/client/admin/brewUtils/brewLookup/brewLookup.jsx b/client/admin/brewUtils/brewLookup/brewLookup.jsx index c9212d990..50a2f2015 100644 --- a/client/admin/brewUtils/brewLookup/brewLookup.jsx +++ b/client/admin/brewUtils/brewLookup/brewLookup.jsx @@ -1,4 +1,3 @@ -require('./brewLookup.less'); const React = require('react'); const createClass = require('create-react-class'); const cx = require('classnames'); diff --git a/client/admin/brewUtils/brewLookup/brewLookup.less b/client/admin/brewUtils/brewLookup/brewLookup.less deleted file mode 100644 index 61eeec424..000000000 --- a/client/admin/brewUtils/brewLookup/brewLookup.less +++ /dev/null @@ -1,30 +0,0 @@ - -.brewLookup{ - input{ - height : 33px; - margin-bottom : 20px; - padding : 0px 10px; - font-family : monospace; - } - button{ - vertical-align : middle; - height : 37px; - } - dl{ - @maxItemWidth : 132px; - dt{ - float : left; - clear : left; - width : @maxItemWidth; - text-align : right; - &::after { - content: " : "; - } - } - dd{ - height : 1em; - margin-left : @maxItemWidth + 6px; - padding : 0 0 0.5em 0; - } - } -} \ No newline at end of file diff --git a/client/admin/brewUtils/stats/stats.less b/client/admin/brewUtils/stats/stats.less index 5337bf671..b5a4612e1 100644 --- a/client/admin/brewUtils/stats/stats.less +++ b/client/admin/brewUtils/stats/stats.less @@ -1,28 +1,13 @@ -.Stats{ +.Stats { position : relative; - .pending{ + + .pending { position : absolute; top : 0px; left : 0px; - height : 100%; width : 100%; + height : 100%; background-color : rgba(238,238,238, 0.5); } - dl{ - @maxItemWidth : 132px; - dt{ - float : left; - clear : left; - width : @maxItemWidth; - text-align : right; - &::after { - content: " : "; - } - } - dd{ - margin : 0 0 0 @maxItemWidth + 10px; - padding : 0 0 0.5em 0; - } - } } \ No newline at end of file diff --git a/client/admin/notificationUtils/notificationAdd/notificationAdd.jsx b/client/admin/notificationUtils/notificationAdd/notificationAdd.jsx index ffcce8f10..46f22b0d8 100644 --- a/client/admin/notificationUtils/notificationAdd/notificationAdd.jsx +++ b/client/admin/notificationUtils/notificationAdd/notificationAdd.jsx @@ -1,3 +1,4 @@ +require('./notificationAdd.less'); const React = require('react'); const { useState, useRef } = require('react'); const cx = require('classnames'); diff --git a/client/admin/notificationUtils/notificationAdd/notificationAdd.less b/client/admin/notificationUtils/notificationAdd/notificationAdd.less index 32cd61d25..74a977272 100644 --- a/client/admin/notificationUtils/notificationAdd/notificationAdd.less +++ b/client/admin/notificationUtils/notificationAdd/notificationAdd.less @@ -1,20 +1,39 @@ +.notificationAdd { + position : relative; + display : flex; + flex-direction : column; + width : 500px; -.notificationAdd{ - input{ - height : 33px; - margin-bottom : 20px; - padding : 0px 10px; - font-family : monospace; + .field { + display : grid; + grid-template-columns : 120px 150px; + align-items : center; + justify-items : stretch; + width : 100%; + margin-bottom : 20px; + + + input { + height : 33px; + padding : 0px 10px; + margin-bottom : unset; + font-family : monospace; + } + + textarea { + width : 50ch; + min-height : 7em; + max-height : 25em; + resize : vertical; + } } - button{ - vertical-align : middle; - height : 37px; - } - .fieldLabel{ - display: inline-block; - width: 10%; - } - .fieldInput{ - margin-bottom: 5px; + + button { + + position : absolute; + right : 0; + bottom : 0; + + i { margin-right : 10px; } } } \ No newline at end of file diff --git a/client/admin/notificationUtils/notificationLookup/notificationLookup.jsx b/client/admin/notificationUtils/notificationLookup/notificationLookup.jsx index ff33e7554..1d4d45321 100644 --- a/client/admin/notificationUtils/notificationLookup/notificationLookup.jsx +++ b/client/admin/notificationUtils/notificationLookup/notificationLookup.jsx @@ -125,7 +125,7 @@ const NotificationLookup = () => { } if (notifications.length === 0) { - return