a few fixes for improving css reliability

glpi-project · Nov 25, 2024 · be7d854 · be7d854
1 parent 8c82f99
commit be7d854
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 50 deletions.
diff --git a/css/includes/components/_log_viewer.scss b/css/includes/components/_log_viewer.scss
@@ -80,11 +80,11 @@
                 height: 20px;
 
                 &::after {
-                    font-family: tabler-icons !important;
+                    font-family: tabler-icons, sans-serif !important;
                     content: "\eb5f";
                     position: absolute;
                     left: 0;
-                    top: 0.3em;
+                    top: 0.8em;
                 }
             }
 

diff --git a/css/includes/components/_richtext.scss b/css/includes/components/_richtext.scss
@@ -83,7 +83,7 @@ body.mce-content-body {
     }
 
     a[target="_blank"]::before {
-        font-family: tabler-icons;
+        font-family: tabler-icons, sans-serif;
         content: "\ea99";
         padding-right: 4px;
     }

diff --git a/css/includes/components/_saved-searches.scss b/css/includes/components/_saved-searches.scss
@@ -187,7 +187,7 @@ body.horizontal-layout {
 
         &:hover::before {
             content: "\ec01";
-            font-family: tabler-icons;
+            font-family: tabler-icons, sans-serif;
             font-weight: 900;
             color: var(--tblr-secondary);
             margin-left: -1rem;

diff --git a/css/legacy/includes/_impact.scss b/css/legacy/includes/_impact.scss
@@ -185,6 +185,7 @@ i.fa-impact-manipulation {
 .impact-range {
    height            : 18px;
    -webkit-appearance: none;
+   appearance: none;
    margin            : 10px 0;
    border-width      : 0 !important;
    margin-top        : 0 !important;
@@ -199,7 +200,6 @@ i.fa-impact-manipulation {
    width        : 100%;
    height       : 4px;
    cursor       : pointer;
-   animate      : 0.2s;
    box-shadow   : 0px 0px 0px #000000;
    background   : #AEC8D8;
    border-radius: 25px;
@@ -226,7 +226,6 @@ i.fa-impact-manipulation {
    width        : 100%;
    height       : 4px;
    cursor       : pointer;
-   animate      : 0.2s;
    box-shadow   : 0px 0px 0px #000000;
    background   : #AEC8D8;
    border-radius: 25px;
@@ -247,7 +246,6 @@ i.fa-impact-manipulation {
    width       : 100%;
    height      : 4px;
    cursor      : pointer;
-   animate     : 0.2s;
    background  : transparent;
    border-color: transparent;
    color       : transparent;

diff --git a/css/legacy/includes/_planning.scss b/css/legacy/includes/_planning.scss
@@ -82,7 +82,6 @@
 
       ul.filters {
          border: 0;
-         padding: 5px;
          list-style: none;
          margin: 0;
          padding: 0;
@@ -363,15 +362,15 @@
    background-image: -moz-linear-gradient(left, red 50%, green 0%);
    background-image: -ms-linear-gradient(left, red 50%, green 0%);
    background-image: -o-linear-gradient(left, red 50%, green 0%);
-   background-image: linear-gradient(left, red 50%, green 0%);
+   background-image: linear-gradient(to left, red 50%, green 0%);
 }
 
 .partialavailablebegin {
    background-image: -webkit-linear-gradient(left, green 50%, red 0%);
    background-image: -moz-linear-gradient(left, green 50%, red 0%);
    background-image: -ms-linear-gradient(left, green 50%, red 0%);
    background-image: -o-linear-gradient(left, green 50%, red 0%);
-   background-image: linear-gradient(left, green 50%, red 0%);
+   background-image: linear-gradient(to left, green 50%, red 0%);
 }
 
 .planning-context-menu {

diff --git a/css/legacy/includes/_styles.scss b/css/legacy/includes/_styles.scss
@@ -305,10 +305,7 @@
    }
 
    .tab_cadre th, .tab_cadre_fixe th, .tab_cadre_fixehov th, .tab_cadrehov th, h2.header {
-      font-size: 12px;
       font-weight: bold;
-      border-radius: 4px;
-      padding: 2px;
       border-radius: 0;
       margin: 0;
       font-size: 1.1em;
@@ -495,16 +492,6 @@
 
    /* ################--------------- User Picture ---------------#################### */
 
-   .tooltip {
-      font-size: 11px !important;
-
-      &:contains(img) {
-         white-space: nowrap;
-         height: 100px !important;
-         border: 10px solid red;
-      }
-   }
-
    .tooltip_picture_border {
       padding: 2px;
       border-radius: 51px;
@@ -914,31 +901,6 @@
       }
    }
 
-   .x-button {
-      position: relative;
-      margin: 0;
-      float: left;
-      outline: none;
-      padding: 5px;
-      cursor: pointer;
-      font: bold 12px Arial, Helvetica;
-      color: #8f5a0a;
-      background-color: #FEC95C;
-      border: none;
-      border-radius: 0;
-
-      &:hover {
-         cursor: pointer;
-         background-color: #fddb6f;
-         box-shadow: 0px 1px 1px #999;
-      }
-
-      &.x-button-main {
-         width: 100px;
-         height: 26px;
-      }
-   }
-
 
    /** QUEUEMAIL **/
 
@@ -961,7 +923,7 @@
       }
 
       &:after {
-         font-family: 'Font Awesome 6 Free';
+         font-family: "Font Awesome 6 Free", sans-serif;
          position: relative;
          left: -15px;
          top: 1px;
@@ -1090,7 +1052,7 @@
       padding: .5em;
       margin: 0 5px 1em;
       cursor: pointer;
-      font: bold 12px Arial, Helvetica;
+      font: bold 12px Arial, Helvetica, sans-serif;
       color: #8f5a0a;
       background-color: #FEC95C;
       border: 0;