Adjust css some more.

Damnae · Sep 1, 2023 · 29fca7b · 29fca7b
1 parent 7309691
commit 29fca7b
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 9 deletions.
diff --git a/src/style.css b/src/style.css
@@ -38,8 +38,9 @@ h2
   font-variant: petite-caps;
   text-shadow: 1px 1px 1px #181818;
   background: linear-gradient(90deg, #181818 0%, #242424 10em);
+  border-top: .5em solid #181818;
   border-bottom: 4px solid #242424;
-  margin: 1em 0 .5em;
+  margin: .5em 0 .5em;
   padding-left: .5rem;
 }
 h2:first-child
@@ -54,13 +55,13 @@ h3
   background-color: #181818;
   display: flex;
   align-items: center;
-  text-decoration: underline;
+  font-weight: normal;
 }
 
 h3::after
 {  
   content: "";
-  background: linear-gradient(90deg, #181818 0%, #242424 2em);
+  background: linear-gradient(90deg, #181818 0%, #242424 10em);
   margin-left: 1rem;
   height: 4px;
   flex-grow: 1;
@@ -76,7 +77,7 @@ h3
 {
   z-index: 0;
   position:sticky;  
-  top: 2.1em;
+  top: 2.8em;
 }
 
 ul

diff --git a/src/views/abilities/Modifier.vue b/src/views/abilities/Modifier.vue
@@ -165,15 +165,15 @@
         <h2>Watchers</h2>
         <template v-if="modifier.OnAbilityPropertyChange" v-for="p in modifier.OnAbilityPropertyChange">
           <BlockLayout :source="p">
-            <span class="flow">Watch <em>{{ p.Property }}</em> property</span>
+            <span class="flow">Watch property <em>{{ p.Property }}</em></span>
             <template #content>
               <RangeChange v-for="r in p.Ranges" :range="r" />
             </template>
           </BlockLayout>
         </template>
         <template v-if="modifier.OnDynamicValueChange" v-for="p in modifier.OnDynamicValueChange">
           <BlockLayout :source="p">
-            <span class="flow">Watch <em>{{ hashStore.translate(p.Key.Hash) ?? p.Key.Hash }}</em> dynamic value</span>
+            <span class="flow">Watch dynamic value <em>{{ hashStore.translate(p.Key.Hash) ?? p.Key.Hash }}</em></span>
             <template #content>
               <RangeChange v-for="r in p.Ranges" :range="r" />
             </template>

diff --git a/src/views/abilities/RangeChange.vue b/src/views/abilities/RangeChange.vue
@@ -12,9 +12,10 @@
     <span class="flow">
       Range <em><EvaluateExpression :expression="range.Min" /></em>
       to <em><EvaluateExpression :expression="range.Max" /></em>
-      <template v-if="range.MaxInclusive">
-        (Inclusive)
-      </template>
+      <span class="minor">
+        <template v-if="range.MaxInclusive">(Inclusive)</template>
+        <template v-else>(Exclusive)</template>
+      </span>
     </span>
     <template #content>
       <BlockLayout v-if="range.OnEnterRange" :source="range.OnEnterRange">