Closes #7540

- Adds `overflow: hidden` to Condition Widget label and alphanumeric wrappers.
nasa · Mar 2, 2024 · eb4b9d5 · eb4b9d5
1 parent f43f6c0
commit eb4b9d5
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 12 deletions.
diff --git a/src/plugins/displayLayout/components/telemetry-view.scss b/src/plugins/displayLayout/components/telemetry-view.scss
@@ -9,7 +9,7 @@
     flex-direction: row;
     align-items: center;
     overflow: hidden;
-    padding: $interiorMargin;
+    padding: 0 $interiorMargin;
 
     > * {
       // Text elements

diff --git a/src/plugins/displayLayout/components/text-view.scss b/src/plugins/displayLayout/components/text-view.scss
@@ -1,8 +1,5 @@
 .c-text-view {
-  display: flex;
-  align-items: center; // Vertically center text
-  overflow: hidden;
-  padding: $interiorMargin;
+@include textViews();
 
   .c-frame & {
     @include abs();

diff --git a/src/styles/_controls.scss b/src/styles/_controls.scss
@@ -592,21 +592,22 @@ select {
 
 /******************************************************** HYPERLINKS AND HYPERLINK BUTTONS */
 .c-hyperlink {
-  display: inline-block;
+  @include textViews();
   color: $colorKey;
 
   &--button {
     @include cButton();
   }
 }
 
-.c-so-view--hyperlink.c-so-view--no-frame {
-  .c-hyperlink--button {
+.c-so-view--no-frame {
+  .c-hyperlink {
     @include abs();
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0;
+
+    &--button {
+      padding: 0;
+      justify-content: center;
+    }
   }
 
   .c-so-view__frame-controls {

diff --git a/src/styles/_mixins.scss b/src/styles/_mixins.scss
@@ -463,6 +463,14 @@
   unicode-bidi: bidi-override;
 }
 
+@mixin textViews() {
+  // DL text objects, hyperlinks
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  padding: 0 $interiorMargin;
+}
+
 /************************** CONTROLS, BUTTONS, INPUTS */
 @mixin hover {
   body.desktop & {