Small text styling fixes

simjanos-dev · Dec 24, 2024 · e609071 · e609071
1 parent cc02532
commit e609071
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 13 deletions.
diff --git a/resources/sass/Text/InteractiveTextStyling.scss b/resources/sass/Text/InteractiveTextStyling.scss
@@ -8,6 +8,7 @@
         box-sizing: border-box;
         height: auto;
         line-height: 100%;
+        cursor: pointer;
 
         .rubyword {
             pointer-events: none;
@@ -73,6 +74,10 @@
                 border-bottom-width: var(--interactive-text-phraseLevel#{$phraseLevel}-border-bottom-width);
                 border-color: var(--interactive-text-phraseLevel#{$phraseLevel}-border-color);
                 border-style: var(--interactive-text-phraseLevel#{$phraseLevel}-border-style);
+                border-bottom-left-radius: 0px;
+                border-top-left-radius: 0px;
+                border-bottom-right-radius: 0px;
+                border-top-right-radius: 0px;
 
                 // padding for size consistency with 1px max border
                 padding-top: var(--interactive-text-phraseLevel#{$phraseLevel}-padding-top);
@@ -121,6 +126,10 @@
                 border-color: var(--v-readerWordSelection-base);
                 color: var(--v-highlightedWordText-base);
                 border-radius: 0px;
+
+                &.phrase {
+                    border-radius: 0px;
+                }
             }
 
             // highlighted rounding

diff --git a/resources/sass/TextReader/TextReader.scss b/resources/sass/TextReader/TextReader.scss
@@ -258,17 +258,4 @@
             color: white;
         }
     }
-
-    #reader .word[stage="2"]:not(.highlighted):not(:hover) {
-        border-bottom: 2px solid var(--v-text-base);
-        background-color: #ffffff;
-        color: var(--v-text-base);
-
-        border-bottom-left-radius: 0px;
-        border-bottom-right-radius: 0px;
-    }
-
-    #reader .word.phrase {
-        border-color: var(--v-text-base) !important;
-    }
 }