AZEN-SGG/Kavita
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Converted majority PX values to REM

Browse source 
Everything but dark.scss and values inside calc() have been converted from px to rem
This commit is contained in:
Christopher 2025-05-01 21:31:30 -06:00
parent 3a0d33ca13
commit cc8e7e159b
147 changed files with 712 additions and 712 deletions
Download patch file Download diff file Expand all files Collapse all files

6
UI/Web/src/app/nav/_components/events-widget/events-widget.component.html
View file

@ -60,7 +60,7 @@
}
<div class="progress-container row g-0 align-items-center">
@if(message.progress === 'indeterminate') {
<div class="progress" role="progressbar" style="height: 5px;">
<div class="progress" role="progressbar" style="height: 0.3125rem;">
<div class="progress-bar progress-bar-striped progress-bar-animated" style="width: 100%" [attr.aria-valuenow]="100" aria-valuemin="0" aria-valuemax="100"></div>
</div>
}
@ -74,7 +74,7 @@
}
<div class="progress-container row g-0 align-items-center">
<div class="col-2">{{prettyPrintProgress(message.body.progress) + '%'}}</div>
<div class="col-10 progress" role="progressbar" style="height: 5px;">
<div class="col-10 progress" role="progressbar" style="height: 0.3125rem;">
<div class="progress-bar"
[ngStyle]="{'width': message.body.progress * 100 + '%'}"
[attr.aria-valuenow]="message.body.progress * 100"
@ -116,7 +116,7 @@
<div class="progress-container row g-0 align-items-center">
<div class="col-2">{{download.progress}}%</div>
<div class="col-10 progress" role="progressbar" style="height: 5px;">
<div class="col-10 progress" role="progressbar" style="height: 0.3125rem;">
<div class="progress-bar" [ngStyle]="{'width': download.progress + '%'}" [attr.aria-valuenow]="download.progress" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>

24
UI/Web/src/app/nav/_components/events-widget/events-widget.component.scss
View file

@ -20,7 +20,7 @@
.widget-button--indicator {
position: absolute;
top: 24px;
top: 1.5rem;
color: var(--event-widget-activity-bg-color);
&.error {
@ -37,16 +37,16 @@
::ng-deep .nav-events {
.popover-body {
min-width: 300px;
max-width: 300px;
padding: 0px;
box-shadow: 0px 0px 12px rgb(0 0 0 / 75%);
min-width: 18.75rem;
max-width: 18.75rem;
padding: 0.0rem;
box-shadow: 0.0rem 0.0rem 0.75rem rgb(0 0 0 / 75%);
max-height: calc(100vh - 60px);
overflow-y: auto;
}
.popover {
min-width: 300px;
min-width: 18.75rem;
}
}
@ -99,9 +99,9 @@
}
.btn-close {
top: 5px;
right: 10px;
font-size: 11px;
top: 0.3125rem;
right: 0.625rem;
font-size: 0.6875rem;
position: absolute;
}
}
@ -118,9 +118,9 @@
}
.btn-close {
top: 35px;
right: 10px;
font-size: 11px;
top: 2.1875rem;
right: 0.625rem;
font-size: 0.6875rem;
position: absolute;
}
}