minor bugs fixes (#5350)

src/scss/_app-main.scss

@@ -12,6 +12,10 @@
       padding: 0;
       margin-bottom: 0;
       line-height: 2.5rem;
+
+      a {
+        text-decoration: none;
+      }
     }
   }
 }

src/scss/_app-sidebar.scss

@@ -187,7 +187,7 @@
 
       .nav-arrow {
         @include transition(transform $lte-transition-fn $lte-transition-speed);
-        transform: translateY(-50%) #{"/*rtl:rotate(180deg)*/"};
+        transform: translateY(-50%) #{"/*rtl:append:rotate(180deg)*/"};
         animation-name: fadeIn;
         animation-duration: $lte-transition-speed;
         animation-fill-mode: both;
@@ -244,7 +244,7 @@
 
     > .nav-link {
       .nav-arrow {
-        transform: translateY(-50%) rotate(90deg) #{"/*rtl:rotate(90deg)*/"};
+        transform: translateY(-50%) rotate(90deg) #{"/*rtl:ignore*/"};
       }
     }
   }

src/scss/_callouts.scss

@@ -11,6 +11,11 @@
   background-color: var(--#{$lte-prefix}callout-bg, var(--bs-gray-100));
   border-left: .25rem solid var(--#{$lte-prefix}callout-border, var(--bs-gray-300));
 
+  .callout-link {
+    font-weight: $lte-callout-link-font-weight;
+    color: var(--#{$prefix}callout-link-color);
+  }
+
   h4 {
     margin-bottom: .25rem;
   }
@@ -30,5 +35,6 @@
     --#{$lte-prefix}callout-color: var(--#{$prefix}#{$name}-text-emphasis);
     --#{$lte-prefix}callout-bg: var(--#{$prefix}#{$name}-bg-subtle);
     --#{$lte-prefix}callout-border: var(--#{$prefix}#{$name}-border-subtle);
+    --#{$prefix}callout-link-color: var(--#{$prefix}#{$name}-text-emphasis);
   }
 }

src/scss/_cards.scss

@@ -172,6 +172,7 @@
       }
 
       a {
+        text-decoration: none;
         border-top: 3px solid transparent;
 
         &:hover {

src/scss/_direct-chat.scss

@@ -169,11 +169,16 @@
     @include clearfix();
     padding: 10px;
     margin: 0;
+    text-decoration: none;
     border-bottom: 1px solid rgba($black, .2);
 
     &:last-of-type {
       border-bottom: 0;
     }
+
+    a {
+      text-decoration: none;
+    }
   }
 }
 

src/scss/_dropdown.scss

@@ -204,6 +204,7 @@
       border-bottom: 1px solid var(--#{$prefix}border-color-translucent);
 
       a {
+        text-decoration: none;
         @include media-breakpoint-up(sm) {
           color: var(--#{$prefix}body-color) !important;
           background-color: var(--#{$prefix}body-bg) !important;

src/scss/_info-box.scss

@@ -18,10 +18,10 @@
   .progress {
     height: 2px;
     margin: 5px 0;
-    background-color: rgba($black, .125);
+    background-color: rgba(var(--#{$lte-prefix}card-variant-color-rgb), .125);
 
     .progress-bar {
-      background-color: $white;
+      background-color: var(--#{$lte-prefix}card-variant-color);
     }
   }
 
@@ -62,14 +62,6 @@
     white-space: nowrap;
   }
 
-  @each $name, $color in $theme-colors {
-    .info-box {
-      .progress-bar {
-        background-color: color-contrast($color);
-      }
-    }
-  }
-
   .info-box-more {
     display: block;
   }

src/scss/_timeline.scss

@@ -58,6 +58,7 @@
         // Link in header
         > a {
           font-weight: 600;
+          text-decoration: none;
         }
       }
       // Item body and footer

src/scss/_variables.scss

@@ -101,6 +101,10 @@ $lte-card-title-font-weight: $font-weight-normal !default;
 // --------------------------------------------------------
 $lte-progress-bar-border-radius: 1px !default;
 
+// CALLOUTS
+// --------------------------------------------------------
+$lte-callout-link-font-weight: $alert-link-font-weight !default;
+
 // DIRECT CHAT
 // --------------------------------------------------------
 $lte-direct-chat-default-msg-bg: var(--#{$prefix}secondary-bg) !default;

src/scss/pages/_lockscreen.scss

@@ -18,6 +18,7 @@
 
     a {
       color: var(--#{$prefix}emphasis-color);
+      text-decoration: none;
     }
   }
 

src/scss/pages/_login_and_register.scss

@@ -11,6 +11,7 @@
 
   a {
     color: var(--#{$prefix}secondary-color);
+    text-decoration: none;
   }
 }