More gtk4 error fixing. Still incomplete.
This commit is contained in:
parent
7b6af86a7d
commit
4ed326f8fd
56
TODO.md
56
TODO.md
|
@ -11,14 +11,14 @@
|
|||
|
||||
To fix:
|
||||
|
||||
- Make switches the right size
|
||||
- Improve rows
|
||||
- Separators do not appear
|
||||
- ~~Make switches the right size~~
|
||||
- ~~Improve rows~~
|
||||
- ~~Separators do not appear~~
|
||||
- ~~Clicking on something ("active") makes it look like something selected (or, if it is a background, a bit darker)~~
|
||||
- Menus
|
||||
- Color buttons
|
||||
- popovers?
|
||||
- treeview tree
|
||||
- ~~treeview tree~~
|
||||
- calendar buttons
|
||||
- horizontal spinbuttons very small
|
||||
- toolbar not looking like a toolbar
|
||||
|
@ -40,12 +40,6 @@ GTK 4 always uses the current icon theme, with no way to change this.
|
|||
|
||||
## Window decorations
|
||||
|
||||
from decoration to windows.csd:
|
||||
* window.csd
|
||||
* window.csd:backdrop
|
||||
* window.csd.popup
|
||||
* window.csd.dialog.message
|
||||
* window.csd.solid-csd
|
||||
|
||||
* .maximized decoration to window.maximized, etc ()
|
||||
|
||||
|
@ -67,46 +61,4 @@ Maybe rows for page 2
|
|||
|
||||
|
||||
|
||||
```css
|
||||
/**********************
|
||||
* General Typography *
|
||||
**********************/
|
||||
.large-title {
|
||||
font-weight: 300;
|
||||
font-size: 24pt; }
|
||||
|
||||
.title-1 {
|
||||
font-weight: 800;
|
||||
font-size: 20pt; }
|
||||
|
||||
.title-2 {
|
||||
font-weight: 800;
|
||||
font-size: 15pt; }
|
||||
|
||||
.title-3 {
|
||||
font-weight: 700;
|
||||
font-size: 15pt; }
|
||||
|
||||
.title-4 {
|
||||
font-weight: 700;
|
||||
font-size: 13pt; }
|
||||
|
||||
.heading {
|
||||
font-weight: 700;
|
||||
font-size: 11pt; }
|
||||
|
||||
.body {
|
||||
font-weight: 400;
|
||||
font-size: 11pt; }
|
||||
|
||||
.caption-heading {
|
||||
font-weight: 700;
|
||||
font-size: 9pt; }
|
||||
|
||||
.caption {
|
||||
font-weight: 400;
|
||||
font-size: 9pt; }
|
||||
|
||||
```
|
||||
|
||||
|
||||
|
|
|
@ -0,0 +1,112 @@
|
|||
# To do:
|
||||
|
||||
- "*:drop(active)" done, needs checking.
|
||||
- Check that LibreOffice Calc's fix does not introduce any regressions somewhere else, because it required modifieng the .view selector, which is very general.
|
||||
- Create new previews
|
||||
|
||||
|
||||
|
||||
# GTK4 support (in progress)
|
||||
================================
|
||||
|
||||
To fix:
|
||||
|
||||
- ~~Make switches the right size~~
|
||||
- ~~Improve rows~~
|
||||
- ~~Separators do not appear~~
|
||||
- ~~Clicking on something ("active") makes it look like something selected (or, if it is a background, a bit darker)~~
|
||||
- Menus
|
||||
- Color buttons
|
||||
- popovers?
|
||||
- ~~treeview tree~~
|
||||
- calendar buttons
|
||||
- horizontal spinbuttons very small
|
||||
- toolbar not looking like a toolbar
|
||||
- entry progress not appearing
|
||||
- entry being active makes it look like selected
|
||||
- entry:hover (or something:hover) removes text shadow on entries.
|
||||
- ~~fix undershoots! use Skewaita's~~
|
||||
|
||||
|
||||
|
||||
|
||||
## Don't use -gtk-icon-theme in your CSS
|
||||
|
||||
GTK 4 always uses the current icon theme, with no way to change this.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## Window decorations
|
||||
|
||||
from decoration to windows.csd:
|
||||
* window.csd
|
||||
* window.csd:backdrop
|
||||
* window.csd.popup
|
||||
* window.csd.dialog.message
|
||||
* window.csd.solid-csd
|
||||
|
||||
* .maximized decoration to window.maximized, etc ()
|
||||
|
||||
```css
|
||||
|
||||
window.maximized,
|
||||
window.fullscreen,
|
||||
window.tiled, window.tiled-top,
|
||||
window.tiled-left,
|
||||
window.tiled-right,
|
||||
window.tiled-bottom {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
Need to find titlebar colors, titlebar buttons, scrollbars, spinbuttons, statusbar, calendar (buttons, selected etc), attention-needed, some borders in notebooks
|
||||
Maybe rows for page 2
|
||||
|
||||
|
||||
|
||||
```css
|
||||
/**********************
|
||||
* General Typography *
|
||||
**********************/
|
||||
.large-title {
|
||||
font-weight: 300;
|
||||
font-size: 24pt; }
|
||||
|
||||
.title-1 {
|
||||
font-weight: 800;
|
||||
font-size: 20pt; }
|
||||
|
||||
.title-2 {
|
||||
font-weight: 800;
|
||||
font-size: 15pt; }
|
||||
|
||||
.title-3 {
|
||||
font-weight: 700;
|
||||
font-size: 15pt; }
|
||||
|
||||
.title-4 {
|
||||
font-weight: 700;
|
||||
font-size: 13pt; }
|
||||
|
||||
.heading {
|
||||
font-weight: 700;
|
||||
font-size: 11pt; }
|
||||
|
||||
.body {
|
||||
font-weight: 400;
|
||||
font-size: 11pt; }
|
||||
|
||||
.caption-heading {
|
||||
font-weight: 700;
|
||||
font-size: 9pt; }
|
||||
|
||||
.caption {
|
||||
font-weight: 400;
|
||||
font-size: 9pt; }
|
||||
|
||||
```
|
||||
|
||||
|
|
@ -307,7 +307,19 @@ rubberband {
|
|||
}
|
||||
|
||||
row {
|
||||
border: 1px solid transparent;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: shade(@view_color, 1.4) shade(@view_color, 0.6) shade(@view_color, 0.6) shade(@view_color, 1.2);
|
||||
background-color: @view_color;
|
||||
color: @theme_text_color;
|
||||
}
|
||||
|
||||
row.activatable:hover {
|
||||
background-color: shade(@view_color,1.1);
|
||||
}
|
||||
|
||||
row:disabled, row:disabled label {
|
||||
color: @insensitive_fg_color;
|
||||
}
|
||||
/****************
|
||||
* Floating Bar *
|
||||
|
|
|
@ -285,7 +285,7 @@ iconview :selected {
|
|||
|
||||
iconview :selected:focus {
|
||||
border: none;
|
||||
background-color: red; /*@theme_selected_bg_color; */
|
||||
background-color: @theme_selected_bg_color;
|
||||
color: @theme_selected_fg_color;
|
||||
|
||||
}
|
||||
|
@ -349,8 +349,22 @@ rubberband {
|
|||
}
|
||||
|
||||
row {
|
||||
border: 1px solid transparent;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: shade(@view_color, 1.4) shade(@view_color, 0.6) shade(@view_color, 0.6) shade(@view_color, 1.2);
|
||||
background-color: @view_color;
|
||||
color: @theme_text_color;
|
||||
}
|
||||
|
||||
row.activatable:hover {
|
||||
background-color: shade(@view_color,1.1);
|
||||
}
|
||||
|
||||
row:disabled, row:disabled label {
|
||||
color: @insensitive_fg_color;
|
||||
}
|
||||
|
||||
|
||||
/****************
|
||||
* Floating Bar *
|
||||
****************/
|
||||
|
@ -488,6 +502,8 @@ GtkDialog .view {
|
|||
treeview separator,
|
||||
separator {
|
||||
color: darker(@theme_bg_color);
|
||||
min-width: 4px;
|
||||
min-height: 4px;
|
||||
}
|
||||
|
||||
.pane-separator,
|
||||
|
@ -1209,6 +1225,19 @@ treeview button:hover {
|
|||
border-width: 0px;
|
||||
}
|
||||
|
||||
columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: @theme_text_color; }
|
||||
|
||||
columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
|
||||
|
||||
columnview.view.expander:hover, treeview.view.expander:hover { color: shade(@theme_text_color,1.2); }
|
||||
|
||||
columnview.view.expander:selected, treeview.view.expander:selected { color: shade(@theme_selected_fg_color,1); }
|
||||
|
||||
columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: shade(@theme_selected_fg_color,1.2); }
|
||||
|
||||
columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||
|
||||
|
||||
/************
|
||||
* GtkScale *
|
||||
************/
|
||||
|
@ -2626,6 +2655,7 @@ switch slider {
|
|||
shade(@button_gradient_color_b, 0.9));
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
min-width: 24px; min-height: 24px;
|
||||
}
|
||||
|
||||
switch slider:disabled {
|
||||
|
|
Loading…
Reference in New Issue