Beta - adjust language button styling based on feedback

cyruzzo · Oct 22, 2024 · 090705f · 090705f
1 parent 8ddc16a
commit 090705f
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 11 deletions.
diff --git a/Main.js b/Main.js
@@ -4015,7 +4015,7 @@ function popoutGamelogCleanup(){
 		}
 		.body-rpgcampaign select#chat-language {
 	    bottom:0px;
-	    right: 6px;
+	    right: 20px;
 		}
 	</style>`);
 	$(childWindows["Gamelog"].document).find(".gamelog-button, button[class*='gamelog-button']").click();

diff --git a/abovevtt.css b/abovevtt.css
@@ -2489,8 +2489,10 @@ body:not(.body-rpgcampaign-details) .sidebar__pane-content {
     padding: 0px 20px;
 }
 #chat-text {
-    width:100%;
-    height:30px;
+    width: 100%;
+    height: 30px;
+    border-radius: 5px 5px 5px 0px;
+    padding-right: 25px;
 }
 
 .highlight-gamelog {
@@ -10573,24 +10575,34 @@ div#playlistFields {
     position: absolute;
     left: 174px;
 }
-
 .glc-game-log #chat-language{
-    font-size: 10px;
+    --border-color: #0008;
+}
+.ct-sidebar--is-dark-mode .glc-game-log #chat-language{
+    --border-color: #3d3d3d;
+}
+.glc-game-log #chat-language{
     outline: none;
-    margin-top: 1px;
+    margin-top: 8px;
     float: left;
     position: absolute;
-    right: 5px;
+    right: 20px;
     bottom: 65px;
     border-radius: 0px 5px 5px 0px;
     padding: 0px;
-    width: 16px;
-    border: 1px solid #ddd;
-    border-left: 0px;
-    border-color: #444;
+    width: 19px;
     height: 30px;
+    background: none;
+    border: none;
+    max-height: 100px;
+    border-image: linear-gradient(to top, transparent 0% 25%, var(--border-color, #0008) 25% 75%, transparent 75%) 1;
+    border-width: 0px 0px 0px 1px;
+    border-style: solid; 
 }
 
+#chat-language option {
+    background: var(--theme-background-solid, #fff);
+}
 
 /***** NEW STAT BLOCKS ****/