astra/prism
1
0
Fork 0
mirror of https://github.com/Boof2015/prism.git synced 2026-08-12 05:10:51 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix settings ui bug on narrow columns

Browse Source
This commit is contained in:
Boof2015
2026-05-15 16:10:04 -04:00
parent 4566df697c
commit 09f312669d
1 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/styles/globals.css
+16 -1
View File
@@ -1337,7 +1337,7 @@ button.toolbar__version:hover {
.settings-scope-section__controls {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(min(100%, 148px), 1fr));
gap: 12px 14px;
align-content: start;
}
@@ -1380,7 +1380,11 @@ button.toolbar__version:hover {
position: relative;
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
min-height: 34px;
box-sizing: border-box;
overflow: hidden;
border-radius: 10px;
border: 1px solid var(--control-border);
background: var(--control-bg);
@@ -1400,6 +1404,7 @@ button.toolbar__version:hover {
.themed-select__control {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
min-height: 32px;
padding: 0 36px 0 12px;
@@ -1412,6 +1417,9 @@ button.toolbar__version:hover {
font-size: 11px;
line-height: 1.2;
outline: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
@@ -1556,16 +1564,23 @@ button.toolbar__version:hover {
display: flex;
flex-wrap: wrap;
gap: 6px;
width: 100%;
min-width: 0;
}
.settings-chip {
max-width: 100%;
min-width: 0;
min-height: 28px;
box-sizing: border-box;
padding: 0 11px;
border-radius: 9px;
border: 1px solid var(--control-border);
background: var(--control-bg);
color: var(--text-secondary);
font-size: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
transition: