placeholder text colors, game thumbnail hovers

Nexus-Mods · Jan 24, 2024 · 99dec68 · 99dec68
1 parent 498aa4c
commit 99dec68
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 6 deletions.
diff --git a/src/stylesheets/style.scss b/src/stylesheets/style.scss
@@ -376,7 +376,7 @@ div:hover > .hover-expand {
 }
 
 .Select-placeholder, .Select--single>.Select-control .Select-value {
-  color: $gray;
+  color: $input-color-placeholder;
 }
 
 .datetime-filter {

diff --git a/src/stylesheets/vortex/charts.scss b/src/stylesheets/vortex/charts.scss
@@ -9,7 +9,7 @@
 }
 
 .recharts-text.recharts-cartesian-axis-tick-value {
-  fill: $gray;
+  fill: $gray-dark;
 }
 
 .download-chart .recharts-area {

diff --git a/src/stylesheets/vortex/dashlet.scss b/src/stylesheets/vortex/dashlet.scss
@@ -373,7 +373,7 @@
 .dashlet-recently-managed {
   .list-recently-managed {
     display: flex;
-    overflow-x: auto;
+    //overflow-x: auto;
     > * {
       margin: 0 8px;
     }

diff --git a/src/stylesheets/vortex/dropzone.scss b/src/stylesheets/vortex/dropzone.scss
@@ -45,7 +45,7 @@
     svg {
       width: 3em;
       height: 3em;
-      color: $gray;
+      color: $gray-dark;
     }
   }
 }

diff --git a/src/stylesheets/vortex/gamepicker.scss b/src/stylesheets/vortex/gamepicker.scss
@@ -11,6 +11,7 @@ $thumbnail-width: 256px;
 
   > .game-thumbnail {
     margin: $half-gutter !important;
+
   }
 }
 
@@ -31,6 +32,13 @@ $thumbnail-width: 256px;
   height: auto;
   border: 0;
 
+  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.35);
+  transition: 100ms ease-out;
+
+  &:hover {
+    transform: scale(1.05);
+  }
+
   &panel-primary {
     border-color: $border-color;
   }

diff --git a/src/stylesheets/vortex/main-window.scss b/src/stylesheets/vortex/main-window.scss
@@ -118,8 +118,11 @@
 
   .main-nav-group-title {
     font-size: $font-size-small;
-    margin-left: 10px;
-    margin-top: 8px;
+    margin: 8px 0 0 8px;
+    font-family: $headings-font-family;
+    text-transform: uppercase;
+    font-weight: 600;
+    color: $gray-dark;
     // text-transform: uppercase;
   }