alex/razer-linux-desktop
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

repo clean up

Browse source
This commit is contained in:
Alexander Daichendt 2026-06-07 18:14:43 +02:00
parent 2c3df28c48
commit 1569d20679
7 changed files with 235 additions and 330 deletions
Download patch file Download diff file Expand all files Collapse all files

155
styles/panels.css
View file

@ -214,59 +214,120 @@
font-size: 0.78rem;
}
.profile-slot-fixed {
visibility: hidden;
}
.button-mapper-grid,
.category-grid,
.modifier-grid {
display: grid;
gap: 10px;
}
.button-mapper-grid {
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
margin-bottom: 16px;
}
.button-tile,
.category-grid button {
min-height: 40px;
border-radius: 6px;
cursor: pointer;
}
.button-tile {
display: grid;
gap: 4px;
align-content: start;
padding: 12px;
border: 1px solid var(--color-border-subtle);
text-align: left;
background: var(--color-panel-subtle);
}
.button-tile span {
color: var(--color-small-text);
font-size: 0.78rem;
}
.button-tile strong,
.button-tile span,
.profile-admin-list strong,
.led-region-tabs button,
.flash-summary span {
overflow-wrap: anywhere;
}
.button-tile.active {
.profile-slot-fixed {
visibility: hidden;
}
.category-grid,
.modifier-grid {
display: grid;
gap: 10px;
}
.mouse-assignment-layout {
display: grid;
grid-template-columns: minmax(260px, 420px);
gap: 12px;
margin-bottom: 18px;
}
.mouse-button-picker {
display: grid;
gap: 12px;
align-content: start;
}
.mouse-selection-summary {
display: grid;
gap: 2px;
border-bottom: 1px solid var(--color-border-subtle);
padding-bottom: 12px;
}
.mouse-selection-summary span,
.mouse-button-row strong {
color: var(--color-small-text);
font-size: 0.75rem;
font-weight: 800;
}
.mouse-selection-summary strong {
min-width: 0;
overflow-wrap: anywhere;
font-size: 1.25rem;
line-height: 1.2;
}
.mouse-selection-summary em {
color: var(--color-metric);
font-style: normal;
font-weight: 800;
}
.mouse-button-list {
display: grid;
gap: 6px;
}
.mouse-button-row {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(76px, max-content);
gap: 10px;
align-items: center;
min-height: 34px;
border: 1px solid transparent;
border-radius: 6px;
padding: 6px 8px;
color: var(--color-secondary-text);
background: transparent;
cursor: pointer;
text-align: left;
}
.mouse-button-row:hover,
.mouse-button-row:focus-visible {
border-color: var(--color-active);
background: var(--color-panel-subtle);
}
.mouse-button-row.active {
border-color: var(--color-active);
background: var(--color-active-surface);
}
.mouse-button-row span,
.mouse-button-row strong {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mouse-button-row span {
font-weight: 700;
}
.mouse-button-row strong {
justify-self: end;
max-width: 132px;
}
.button-hypershift-toggle {
margin-bottom: 18px;
margin: 0;
border-bottom: 1px solid var(--color-border-subtle);
padding-bottom: 12px;
}
.category-grid button {
min-height: 40px;
border-radius: 6px;
cursor: pointer;
}
.category-grid {
@ -497,6 +558,12 @@
max-width: 680px;
}
@media (max-width: 980px) {
.mouse-assignment-layout {
grid-template-columns: 1fr;
}
}
@media (max-width: 760px) {
.app-shell,
.panel-grid,
@ -514,4 +581,8 @@
align-items: stretch;
flex-direction: column;
}
.mouse-button-list {
grid-template-columns: 1fr;
}
}