mirror of
https://github.com/johannesjo/super-productivity.git
synced 2026-01-23 02:36:05 +00:00
refactor(icons): replace SVG icons with Material Symbols
Replace custom SVG icons with Material Symbols equivalents: - play.svg → play_arrow icon - drag-handle.svg → drag_handle icon - early-on.svg → schedule icon - estimate-remaining.svg → hourglass_empty icon - calendar.svg → (unused, removed) - keep.svg → bookmark_add icon (unpinned state) - keep-filled.svg → bookmark icon (pinned state) - bottom-panel-open.svg → (unused, removed) This reduces custom SVG assets and leverages the Material Symbols font for consistent icon rendering across the application.
This commit is contained in:
Johannes Millan
parent
709e688d6d
commit
7329c1cf1e
17 changed files with 12 additions and 124 deletions
1
package-lock.json
generated
1
package-lock.json
generated
|
|
@ -15,7 +15,6 @@
|
|||
"@capacitor/ios": "^7.4.4",
|
||||
"@capacitor/keyboard": "^7.0.4",
|
||||
"@capacitor/status-bar": "^7.0.4",
|
||||
"@rollup/rollup-linux-x64-gnu": "4.55.3",
|
||||
"electron-dl": "^3.5.2",
|
||||
"electron-localshortcut": "^3.2.1",
|
||||
"electron-log": "^5.4.3",
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ import { GlobalConfigService } from '../../../features/config/global-config.serv
|
|||
mat-icon-button
|
||||
matTooltip="{{ T.MH.SCHEDULE | translate }}"
|
||||
>
|
||||
<mat-icon svgIcon="early_on"></mat-icon>
|
||||
<mat-icon>schedule</mat-icon>
|
||||
</button>
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -154,15 +154,12 @@ export class GlobalThemeService {
|
|||
private _initIcons(): void {
|
||||
const icons: [string, string][] = [
|
||||
['sp', 'assets/icons/sp.svg'],
|
||||
['play', 'assets/icons/play.svg'],
|
||||
['github', 'assets/icons/github.svg'],
|
||||
['gitlab', 'assets/icons/gitlab.svg'],
|
||||
['jira', 'assets/icons/jira.svg'],
|
||||
['caldav', 'assets/icons/caldav.svg'],
|
||||
['open_project', 'assets/icons/open-project.svg'],
|
||||
['drag_handle', 'assets/icons/drag-handle.svg'],
|
||||
['remove_today', 'assets/icons/remove-today-48px.svg'],
|
||||
['estimate_remaining', 'assets/icons/estimate-remaining.svg'],
|
||||
['working_today', 'assets/icons/working-today.svg'],
|
||||
['repeat', 'assets/icons/repeat.svg'],
|
||||
['gitea', 'assets/icons/gitea.svg'],
|
||||
|
|
@ -171,12 +168,8 @@ export class GlobalThemeService {
|
|||
['clickup', 'assets/icons/clickup.svg'],
|
||||
// trello icon
|
||||
['trello', 'assets/icons/trello.svg'],
|
||||
['calendar', 'assets/icons/calendar.svg'],
|
||||
['early_on', 'assets/icons/early-on.svg'],
|
||||
['tomorrow', 'assets/icons/tomorrow.svg'],
|
||||
['next_week', 'assets/icons/next-week.svg'],
|
||||
['keep', 'assets/icons/keep.svg'],
|
||||
['keep_filled', 'assets/icons/keep-filled.svg'],
|
||||
];
|
||||
|
||||
// todo test if can be removed with airplane mode and wifi without internet
|
||||
|
|
|
|||
|
|
@ -58,22 +58,22 @@
|
|||
<mat-icon
|
||||
class="keep-ico"
|
||||
matSuffix
|
||||
svgIcon="keep_filled"
|
||||
style="cursor: pointer"
|
||||
(click)="unPinSearch()"
|
||||
[matTooltip]="'Clear pinned search query'"
|
||||
></mat-icon>
|
||||
>bookmark</mat-icon
|
||||
>
|
||||
} @else if (
|
||||
ip?.pinnedSearch?.length || searchText()?.length >= SEARCH_MIN_LENGTH
|
||||
) {
|
||||
<mat-icon
|
||||
class="keep-ico"
|
||||
matSuffix
|
||||
svgIcon="keep"
|
||||
style="cursor: pointer"
|
||||
(click)="pinSearch()"
|
||||
[matTooltip]="'Remember search query'"
|
||||
></mat-icon>
|
||||
>bookmark_add</mat-icon
|
||||
>
|
||||
}
|
||||
<!-- -->
|
||||
@if (searchText().length === 0 && issueProviderHelpLink()) {
|
||||
|
|
|
|||
|
|
@ -1,10 +1,7 @@
|
|||
<ng-content></ng-content>
|
||||
|
||||
<div class="drag-handle">
|
||||
<mat-icon
|
||||
class="drag-handle-ico"
|
||||
svgIcon="drag_handle"
|
||||
></mat-icon>
|
||||
<mat-icon class="drag-handle-ico">drag_handle</mat-icon>
|
||||
@if (isCurrent) {
|
||||
<mat-icon class="play-icon-indicator">play_arrow </mat-icon>
|
||||
}
|
||||
|
|
@ -63,10 +60,7 @@
|
|||
class="planner-time-remaining-shared"
|
||||
>
|
||||
@if (task.subTaskIds?.length) {
|
||||
<mat-icon
|
||||
svgIcon="estimate_remaining"
|
||||
inline="true"
|
||||
></mat-icon>
|
||||
<mat-icon inline="true">hourglass_empty</mat-icon>
|
||||
}
|
||||
|
||||
<inline-input
|
||||
|
|
|
|||
|
|
@ -92,10 +92,7 @@
|
|||
mat-menu-item
|
||||
>
|
||||
<span class="menuItemLeft">
|
||||
<mat-icon
|
||||
class="play-icon"
|
||||
svgIcon="play"
|
||||
></mat-icon>
|
||||
<mat-icon class="play-icon">play_arrow</mat-icon>
|
||||
{{ T.F.TASK.CMP.TRACK_TIME | translate }}
|
||||
</span>
|
||||
<span class="key-i">{{ kb.togglePlay }}</span>
|
||||
|
|
|
|||
|
|
@ -10,10 +10,7 @@
|
|||
color=""
|
||||
mat-icon-button
|
||||
>
|
||||
<mat-icon
|
||||
class="play-icon"
|
||||
svgIcon="play"
|
||||
></mat-icon>
|
||||
<mat-icon class="play-icon">play_arrow</mat-icon>
|
||||
</button>
|
||||
}
|
||||
@if (!task().isDone && isCurrent() && !task().subTasks?.length) {
|
||||
|
|
|
|||
|
|
@ -79,10 +79,7 @@
|
|||
(click)="focusSelf()"
|
||||
class="drag-handle"
|
||||
>
|
||||
<mat-icon
|
||||
class="drag-handle-ico"
|
||||
svgIcon="drag_handle"
|
||||
></mat-icon>
|
||||
<mat-icon class="drag-handle-ico">drag_handle</mat-icon>
|
||||
@if (isCurrent()) {
|
||||
<mat-icon class="play-icon-indicator">play_arrow</mat-icon>
|
||||
}
|
||||
|
|
@ -171,10 +168,7 @@
|
|||
</div>
|
||||
<div class="separator">/</div>
|
||||
<div class="time-val">
|
||||
<mat-icon
|
||||
svgIcon="estimate_remaining"
|
||||
inline="true"
|
||||
></mat-icon>
|
||||
<mat-icon inline="true">hourglass_empty</mat-icon>
|
||||
{{ t.timeEstimate | msToString }}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -31,10 +31,7 @@
|
|||
~<strong class="time-val">{{
|
||||
estimateRemainingToday() | msToString
|
||||
}}</strong>
|
||||
<mat-icon
|
||||
style="margin-left: 2px"
|
||||
svgIcon="estimate_remaining"
|
||||
></mat-icon>
|
||||
<mat-icon style="margin-left: 2px">hourglass_empty</mat-icon>
|
||||
</span>
|
||||
</div>
|
||||
<div class="item">
|
||||
|
|
|
|||
|
|
@ -1,6 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
width="24">
|
||||
<path d="M8 11.5h8l-4-4-4 4zM5 21c-0.825 0-1.413-0.587-1.413-1.413V5c0-0.825 0.588-1.412 1.413-1.412h14c0.825 0 1.412 0.587 1.412 1.412v14.587c0 0.826-0.587 1.413-1.412 1.413H5zm0-7h14V5H5v9z" />
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 304 B |
|
|
@ -1,6 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
height="24"
|
||||
viewBox="0 -960 960 960"
|
||||
width="24">
|
||||
<path d="M580-240q-42 0-71-29t-29-71q0-42 29-71t71-29q42 0 71 29t29 71q0 42-29 71t-71 29ZM200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Z" />
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 407 B |
|
|
@ -1,30 +0,0 @@
|
|||
<svg focusable="false"
|
||||
preserveAspectRatio="xMidYMid meet"
|
||||
version="1.1"
|
||||
viewBox="0 0 30 30"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<circle class="clr-i-outline clr-i-outline-path-1"
|
||||
cx="12"
|
||||
cy="9"
|
||||
r="1.5"></circle>
|
||||
<circle class="clr-i-outline clr-i-outline-path-2"
|
||||
cx="12"
|
||||
cy="21"
|
||||
r="1.5"></circle>
|
||||
<circle class="clr-i-outline clr-i-outline-path-3"
|
||||
cx="18"
|
||||
cy="9"
|
||||
r="1.5"></circle>
|
||||
<circle class="clr-i-outline clr-i-outline-path-4"
|
||||
cx="18"
|
||||
cy="21"
|
||||
r="1.5"></circle>
|
||||
<circle class="clr-i-outline clr-i-outline-path-5"
|
||||
cx="18"
|
||||
cy="15"
|
||||
r="1.5"></circle>
|
||||
<circle class="clr-i-outline clr-i-outline-path-6"
|
||||
cx="12"
|
||||
cy="15"
|
||||
r="1.5"></circle>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 856 B |
|
|
@ -1,5 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 -960 960 960">
|
||||
<g transform="translate(480,-480) scale(0.80) translate(-480,480)">
|
||||
<path fill="currentColor" d="M680-120q-50 0-85-35t-35-85q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35Zm0-280q-13 0-21.5-8.5T650-430v-20q0-13 8.5-21.5T680-480q13 0 21.5 8.5T710-450v20q0 13-8.5 21.5T680-400Zm0 320q13 0 21.5 8.5T710-50v20q0 13-8.5 21.5T680 0q-13 0-21.5-8.5T650-30v-20q0-13 8.5-21.5T680-80Zm114-274q-9-9-9-21.5t9-21.5l14-14q9-9 21-8.5t21 9.5q9 9 9 21t-9 21l-14 14q-9 9-21 9t-21-9ZM567-127q9 9 9 21t-9 21l-15 15q-9 9-21 9t-21-9q-9-9-9-21t9-21l15-15q9-9 21-9t21 9Zm273-113q0-13 8.5-21.5T870-270h20q13 0 21.5 8.5T920-240q0 13-8.5 21.5T890-210h-20q-13 0-21.5-8.5T840-240Zm-320 0q0 13-8.5 21.5T490-210h-20q-13 0-21.5-8.5T440-240q0-13 8.5-21.5T470-270h20q13 0 21.5 8.5T520-240Zm274 113q9-9 21-8.5t21 8.5l15 14q9 9 9 21t-9 21q-9 9-21.5 9T808-71l-14-14q-8-9-8.5-21t8.5-21ZM567-354q-9 9-21.5 9t-21.5-9l-14-14q-8-9-8.5-21t8.5-21q9-9 21-8.5t21 8.5l15 14q9 9 9 21t-9 21ZM200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-40q0-17 11.5-28.5T280-880q17 0 28.5 11.5T320-840v40h320v-40q0-17 11.5-28.5T680-880q17 0 28.5 11.5T720-840v40h40q33 0 56.5 23.5T840-720v120q0 17-11.5 28.5T800-560H200v400h120q17 0 28.5 11.5T360-120q0 17-11.5 28.5T320-80H200Zm0-560h560v-80H200v80Zm0 0v-80 80Z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.3 KiB |
|
|
@ -1,3 +0,0 @@
|
|||
<svg viewBox="0 0 24 24">
|
||||
<path d="M13,2.03V2.05L13,4.05C17.39,4.59 20.5,8.58 19.96,12.97C19.5,16.61 16.64,19.5 13,19.93V21.93C18.5,21.38 22.5,16.5 21.95,11C21.5,6.25 17.73,2.5 13,2.03M11,2.06C9.05,2.25 7.19,3 5.67,4.26L7.1,5.74C8.22,4.84 9.57,4.26 11,4.06V2.06M4.26,5.67C3,7.19 2.25,9.04 2.05,11H4.05C4.24,9.58 4.8,8.23 5.69,7.1L4.26,5.67M2.06,13C2.26,14.96 3.03,16.81 4.27,18.33L5.69,16.9C4.81,15.77 4.24,14.42 4.06,13H2.06M7.1,18.37L5.67,19.74C7.18,21 9.04,21.79 11,22V20C9.58,19.82 8.23,19.25 7.1,18.37M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z" />
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 568 B |
|
|
@ -1,15 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
height="24px"
|
||||
viewBox="0 -960 960 960"
|
||||
width="24px"
|
||||
fill="currentColor">
|
||||
<path d="m640-480 80 80v80H520v240l-40 40-40-40v-240H240v-80l80-80v-280h-40v-80h400v80h-40v280Zm-286 80h252l-46-46v-314H400v314l-46 46Zm126 0Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
|
||||
<rect x="340"
|
||||
y="-760"
|
||||
width="280"
|
||||
height="400"
|
||||
fill="currentColor" />
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 425 B |
|
|
@ -1,7 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
height="24px"
|
||||
viewBox="0 -960 960 960"
|
||||
width="24px"
|
||||
fill="currentColor">
|
||||
<path d="m640-480 80 80v80H520v240l-40 40-40-40v-240H240v-80l80-80v-280h-40v-80h400v80h-40v280Zm-286 80h252l-46-46v-314H400v314l-46 46Zm126 0Z" />
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 289 B |
|
|
@ -1,11 +0,0 @@
|
|||
<svg fill="currentColor"
|
||||
id="svg3360"
|
||||
version="1.1"
|
||||
viewBox="0 0 24 24"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<polygon fill-opacity="0"
|
||||
points="3,3 21,12 3,21"
|
||||
stroke-linejoin="round"
|
||||
stroke-opacity="1"
|
||||
style="stroke:currentColor;stroke-width:1.5;stroke-opacity:1" />
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 339 B |
Loading…
Add table
Add a link
Reference in a new issue