From 4a21a36b53c915f2f4bccb8b8401a332d3bcd8d9 Mon Sep 17 00:00:00 2001
From: Owen Leonard <oleonard@myacpl.org>
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 <david@davidnind.com>

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
---
 .../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.39.5