midgard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Refactoring: cleanup of index.css file

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-04-21 17:35:46 +02:00
parent ee4b0fd238
commit 6d8e5d4363
2 changed files with 13 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

8
UI/Image/ImageUploadFlow.ts
View file

@ -70,9 +70,11 @@ export class ImageUploadFlow extends Toggle {
const label = new Combine([ const label = new Combine([
Svg.camera_plus_ui().SetClass("block w-12 h-12 p-1 text-4xl "), Svg.camera_plus_ui().SetClass("block w-12 h-12 p-1 text-4xl "),
labelContent, labelContent,
]).SetClass( ])
"p-2 border-4 border-detail rounded-full font-bold h-full align-middle w-full flex justify-center" .SetClass(
) "p-2 border-4 border-detail rounded-full font-bold h-full align-middle w-full flex justify-center"
)
.SetStyle(" border-color: var(--foreground-color);")
const licenseStore = state?.osmConnection?.GetPreference( const licenseStore = state?.osmConnection?.GetPreference(
Constants.OsmPreferenceKeyPicturesLicense, Constants.OsmPreferenceKeyPicturesLicense,
"CC0" "CC0"

57
index.css
View file

@ -111,56 +111,27 @@ img {
height: 100%; height: 100%;
} }
.titleicon img {
width: unset;
}
.titleicon svg {
width: unset;
}
.svg-catch svg path {
fill: var(--catch-detail-color) !important;
stroke: var(--catch-detail-color) !important;
}
.svg-unsubtle svg path {
fill: var(--unsubtle-detail-color) !important;
stroke: var(--unsubtle-detail-color) !important;
}
.svg-subtle svg path {
fill: var(--subtle-detail-color) !important;
stroke: var(--subtle-detail-color) !important;
}
.svg-foreground svg path {
fill: var(--foreground-color) !important;
stroke: var(--foreground-color) !important;
}
.no-images img { .no-images img {
/* Used solely in 'imageAttribution' */
display: none; display: none;
} }
.text-white a {
/* Used solely in 'imageAttribution' */
color: var(--background-color);
}
.weblate-link { .weblate-link {
/* Weblate-links are the little translation icon next to translatable sentences. Due to their special nature, they are exempt from some rules */ /* Weblate-links are the little translation icon next to translatable sentences. Due to their special nature, they are exempt from some rules */
} }
.mapcontrol svg path {
fill: var(--subtle-detail-color-contrast) !important;
}
.red-svg svg path {
stroke: #d71010 !important;
}
a { a {
color: var(--foreground-color); color: var(--foreground-color);
} }
.text-white a {
color: var(--background-color);
}
.btn { .btn {
line-height: 1.25rem; line-height: 1.25rem;
@ -204,10 +175,6 @@ a {
border: 3px solid var(--unsubtle-detail-color); border: 3px solid var(--unsubtle-detail-color);
} }
.h-min {
height: min-content;
}
/* slider */ /* slider */
input[type="range"].vertical { input[type="range"].vertical {
writing-mode: bt-lr; /* IE */ writing-mode: bt-lr; /* IE */
@ -232,14 +199,6 @@ input[type="range"].vertical {
} }
} }
.border-detail {
border-color: var(--foreground-color);
}
.w-min {
width: min-content;
}
.rounded-left-full { .rounded-left-full {
border-bottom-left-radius: 999rem; border-bottom-left-radius: 999rem;
border-top-left-radius: 999rem; border-top-left-radius: 999rem;