From ab335decd3e7ad6cc70ecd4ec051500bbd350cc2 Mon Sep 17 00:00:00 2001
From: david <david@joules.ch>
Date: Sat, 9 Nov 2024 01:25:47 +0100
Subject: [PATCH] :hovers and layout

---
 app/assets/stylesheets/layout.scss | 50 +++++++++---------------------
 app/views/reports/show.html.slim   |  4 +--
 2 files changed, 17 insertions(+), 37 deletions(-)

diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index 6dc79e8..6bc705c 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -241,7 +241,7 @@ details.tree[open]>summary::before {
 
 details.success_criterion {
   summary:hover {
-    background-color: $tertiary;
+    background-color: shade-color($tertiary, 40%);
 
 
     // border-right: solid 4px $primary;
@@ -262,7 +262,7 @@ details.success_criterion {
 @include color-mode(dark) {
   details.success_criterion {
     summary:hover {
-      background-color: $tertiary-dark;
+      background-color: shade-color($tertiary-dark, 40%);
     }
   }
 }
@@ -286,7 +286,6 @@ details.success_criterion[open] {
 
 @include color-mode(dark) {
   details.success_criterion[open] {
-    // padding-left: 8px;
     border: solid 1px $tertiary-dark;
 
     summary {
@@ -295,43 +294,24 @@ details.success_criterion[open] {
 
     summary:hover {
       background-color: shade-color($tertiary-dark, 30%);
-      // border-right: solid 4px $primary;
     }
   }
 }
 
-details.success_criterion.passed {
-  // border-left: solid 2px $success;
+details.tree {
+
+  summary:hover,
+  li:has(a):hover {
+    background-color: shade-color($tertiary, 50%);
+  }
 }
 
+@include color-mode(dark) {
+  details.tree {
 
-details.success_criterion.failed {
-  // border-left: solid 2px $danger
-}
-
-
-details.success_criterion.not_applicable {
-  // border-left: solid 2px $secondary;
-}
-
-details.success_criterion[open] {
-  // border-left: solid 16px $warning;
-  // padding-left: 8px;
-}
-
-details.success_criterion[open].passed {
-  // border-left: solid 16px $success;
-  // padding-left: 8px;
-}
-
-
-details.success_criterion[open].failed {
-  // border-left: solid 16px $danger;
-  // padding-left: 8px;
-}
-
-
-details.success_criterion[open].not_applicable {
-  // border-left: solid 16px $secondary;
-  // padding-left: 8px;
+    summary:hover,
+    li:has(a):hover {
+      background-color: shade-color($tertiary-dark, 40%);
+    }
+  }
 }
\ No newline at end of file
diff --git a/app/views/reports/show.html.slim b/app/views/reports/show.html.slim
index 5f912ff..0a73113 100644
--- a/app/views/reports/show.html.slim
+++ b/app/views/reports/show.html.slim
@@ -11,13 +11,13 @@ h1
   .smb-4.lead.mb-3
     = @report.comment
 .row 
-  .col-lg-4.col-md-6.col-sm-12
+  .col-lg-3.col-md-4.col-sm-12
     .page_nav.sticky-top
       = render partial: "reports/page_nav", locals: { report: @report, current_page: @current_page }
       - if @current_page && false
         = turbo_frame_tag(dom_id(@current_page, :notes)) do 
           = render partial: "pages/notes", locals: { page: @current_page }
-  .col-lg-8.col-md-6.col-sm-12
+  .col-lg-9.col-md-7.col-sm-12
     - if @current_page
         = render @current_page
     - else