Mirrors/super-productivity
1
0
Fork 0
mirror of https://github.com/johannesjo/super-productivity.git synced 2026-07-29 02:30:03 +00:00
Code Issues Projects Releases Wiki Activity

style(main-header): size sync icon to match other header icons

Browse source 
The sync button was pinned to 28px while every other header icon
(add task, panel toggles, etc.) sits at 20px, making it visually
oversized. Drop the sync-btn-specific override so it inherits the
shared 20px rule, and switch the general selector to exclude only
the small .sync-state-ico overlay badge (still 15px with absolute
positioning).
This commit is contained in:
Johannes Millan 2026-04-21 16:47:20 +02:00
parent 00d97bffbe
commit add8a511f9
1 changed files with 3 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/app/core-ui/main-header/main-header.component.scss
View file

@ -145,9 +145,9 @@ button.isActive2 {
}
// Set 20px icon sizing for buttons outside counters-action-group
// (add button, panel buttons, etc.) but exclude sync button
> button:not(.sync-btn) .mat-icon,
::ng-deep > *:not(.counters-action-group):not(.sync-btn) .mat-icon {
// (add button, panel buttons, etc.)
> button .mat-icon:not(.sync-state-ico),
::ng-deep > *:not(.counters-action-group) .mat-icon:not(.sync-state-ico) {
font-size: 20px;
width: 20px;
height: 20px;
@ -347,16 +347,6 @@ page-title {
.sync-btn {
position: relative;
> .mat-icon:not(.sync-state-ico) {
font-size: 28px;
width: 28px;
height: 28px;
line-height: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
}
}
.sync-state-ico {