fix: fix Paul comments

Author: Uriel-Sautron

front/src/styles/scss/applications/operationalStudies/_scenario.scss

@@ -334,17 +334,6 @@
           margin-left: 8px;
           position: relative;
           line-height: 24px;
-
-          &::after {
-            content: '';
-            position: absolute;
-            top: 0;
-            right: -24px;
-            width: 24px;
-            height: 22px;
-            background: linear-gradient(270deg, rgba(247, 246, 238, 0), rgba(247, 246, 238, 1));
-            z-index: 1;
-          }
         }
 
         .no-train {
@@ -526,16 +515,23 @@
                 /* Trick to hide the image if too narrow */
                 .rolling-stock-img {
                   overflow: hidden;
-                  height: 22px;
-
-                  &::before {
-                    content: '';
-                    display: inline-block;
-                    height: 11.2px;
-                  }
-                  img {
+                  height: 24px;
+                  position: relative;
+
+                    &::before {
+                      content: '';
+                      position: absolute;
+                      top: 0;
+                      left: 0;
+                      width: 24px;
+                      height: 22px;
+                      background: linear-gradient(270deg, rgba(247, 246, 238, 0), rgba(247, 246, 238, 1));
+                      z-index: 1;
+                    }
+
+                    img {
                     min-width: 40px;
-                    height: 11.2px;
+                    height: 16px;
                     object-fit: cover;
                     object-position: left;
                     transform: scaleX(-1);
@@ -621,7 +617,6 @@
             justify-content: center;
             align-items: center;
             padding-right: 8px;
-            backdrop-filter: blur(2px);
 
             button {
               padding: 3px 8px;
@@ -651,7 +646,7 @@
           &.selected:not(.invalid) {
             background-color: var(--selection20);
             box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.25);
-            .checkbox-title::after {
+            .rolling-stock-img::before {
               background: linear-gradient(
                 270deg,
                 rgba(255, 242, 179, 0),
@@ -683,14 +678,18 @@
           }
 
           &:hover:not(.modified) {
-            .rolling-stock {
-              opacity: 0.3;
+            .train-time {
+              color: var(--grey20)
             }
             .action-buttons {
               display: flex;
               z-index: 1;
             }
           }
+
+          &:hover:not(.selected, .mofied, .invalid) {
+            background-color: var(--ambiantB15);
+          }
         }
 
         &:not(.with-details) {