From 4af719abc2d3d71331b88410a861e4447eeae064 Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Wed, 19 Oct 2022 18:45:48 +0000 Subject: [PATCH] Bug 31879: Convert mainpage.css to SCSS This patch creates a new SCSS file to be used to generate mainpage.css, the stylesheet used specifically for the staff interface home page. The patch makes visible changes in only two places: Removing borders from two elements to make them consistent with the new staff interface design: - div.pending-info, where pending actions like patrons requesting modifications are shown. - div#area-userblock, where the contents of the IntranetmainUserblock system preference are displayed. Otherwise the changes are all for the purpose of properly nesting elements according to SCSS rules and other fixes related to stylelint rules. To test, apply the patch and rebuild the staff interface CSS (https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff_client). View the main page of the staff interface. Everything should look like it did before except for those elements which have had their borders removed. Signed-off-by: David Nind --- .../intranet-tmpl/prog/css/src/mainpage.scss | 108 ++++++++++++++++++ 1 file changed, 108 insertions(+) create mode 100644 koha-tmpl/intranet-tmpl/prog/css/src/mainpage.scss diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/mainpage.scss b/koha-tmpl/intranet-tmpl/prog/css/src/mainpage.scss new file mode 100644 index 0000000000..5e1977176b --- /dev/null +++ b/koha-tmpl/intranet-tmpl/prog/css/src/mainpage.scss @@ -0,0 +1,108 @@ +@import "variables"; + +#area-news { + h3 { + background-color: #EEE; + margin: 0; + opacity: .7; + padding: .3em; + } +} + +.newsitem { + background-color: #FFF; + border-bottom: 1px solid #EEE; + border-radius: 6px; + margin: .3em; + opacity: .75; + padding: 3px; +} + +.newsfooter { + color: #808080; + font-size: 80%; +} + +ul { + &.biglinks-list { + padding: 0; + + li { + list-style-type: none; + margin-bottom: 1em; + + a { + &.icon_general { + align-items: center; + background-color: #E0E0E0; + border-radius: 6px; + color: #000; + display: flex; + font-size: large; + height: 50px; + padding: 10px; + text-decoration: none; + + &:hover { + background-color: $background-color-primary; + color: #FFF; + + img { + filter: invert( 100% ); + } + } + + .fa-fw { + font-size: 1.5em; + margin-right: .2em; + } + + .fa-stack-2x { + font-size: 1.3em; + } + + .fa-stack-1x { + color: #CCC; + font-size: .9em; + left: -5px; + top: -1px; + } + } + } + } + + img { + max-height: 100%; + } + } +} + +#area-pending { + clear: left; + width: 100%; +} + +.pending-info { + margin-bottom: 2px; + margin-left: 8px; + margin-top: 2px; +} + +.pending-number-link { + font-size: 1.1em; + font-weight: bold; +} + +#area-userblock { + margin-top: 10px; + width: 100%; +} + +.user-info { + margin: 8px; +} + +.intranet-main .row { + margin-left: 0; + margin-right: 0; +} -- 2.30.2