ctactic/aircox-radiocampus
1
0
Fork 0
forked from rc/aircox
Code Issues 10 Pull Requests Activity

styles fix

Browse Source
This commit is contained in:
bkfox
2024-05-01 02:12:01 +02:00
parent 6b7cfbdadf
commit 7cccb6182e
13 changed files with 62 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/src/pageLoad.js
View File

@ -141,7 +141,7 @@ export default class PageLoad {
let submit = event.type == 'submit';
let target = submit || event.target.tagName == 'A'
? event.target : event.target.closest('a');
if(!target || target.hasAttribute('target') || (target.data && target.data.forceReload))
if(!target || target.hasAttribute('target') || (target.dataset && target.dataset.forceReload))
return;
let url = submit ? target.getAttribute('action') || ''

6
assets/src/styles/common.scss
View File

@ -16,7 +16,7 @@ input.half-field:not(:active):not(:hover) {
--body-bg: #fff;
--text-color: black;
--text-color-light: #555;
--break-color: rgb(225, 225, 225);
--break-color: rgb(225, 225, 225, 0.8);
--main-color: #EFCA08;
--main-color-light: #F4da51;
@ -67,7 +67,7 @@ body.mobile {
}
@media screen and (max-width: v.$screen-normal) {
html { font-size: 18px !important; }
html { font-size: 16px !important; }
}
@media screen and (max-width: v.$screen-wider) {
@ -75,7 +75,7 @@ body.mobile {
}
@media screen and (min-width: v.$screen-wider) {
html { font-size: 24px !important; }
html { font-size: 20px !important; }
}
h1, h2, h3, h4, h5, h6, .heading, .title, .subtitle {

54
assets/src/styles/components.scss
View File

@ -1,10 +1,10 @@
@use "vars" as v;
:root {
--title-1-sz: 1.6rem;
--title-2-sz: 1.4rem;
--title-3-sz: 1.3rem;
--title-4-sz: 1.2rem;
--title-1-sz: 1.4rem;
--title-2-sz: 1.3rem;
--title-3-sz: 1.1rem;
--title-4-sz: 1.0rem;
--subtitle-1-sz: 1.6rem;
--subtitle-2-sz: 1.4rem;
--subtitle-3-sz: 1.2rem;
@ -16,22 +16,17 @@
--heading-hg-bg: var(--secondary-color);
--heading-link-hv-fg: var(--link-fg);
--cover-w: 14rem;
--cover-h: 14rem;
--cover-w: 10rem;
--cover-h: 10rem;
--cover-small-w: 10rem;
--cover-small-h: 10rem;
--cover-tiny-w: 10rem;
--cover-tiny-h: 10rem;
--card-w: var(--cover-w);
--preview-bg: var(--body-bg);
--preview-title-sz: var(--title-3-sz);
--preview-subtitle-sz: var(--title-3-sz);
--preview-cover-size: 14rem;
--preview-cover-small-size: 10rem;
--preview-cover-tiny-size: 4rem;
--preview-title-sz: var(--title-4-sz);
--preview-subtitle-sz: var(--title-4-sz);
--preview-wide-content-sz: #{v.$text-size-2};
--preview-heading-bg-color: var(--main-color);
--header-height: var(--cover-h);
@ -96,6 +91,23 @@
}
}
@media screen and (max-width: v.$screen-wide) {
:root {
--cover-w: 8rem;
--cover-h: 8rem;
--cover-small-w: 4rem;
--cover-small-h: 4rem;
--cover-tiny-w: 2rem;
--cover-tiny-h: 2rem;
--section-content-sz: 1rem;
// --preview-title-sz: #{v.$text-size};
// --preview-subtitle-sz: #{v.$text-size-smaller};
// --preview-wide-content-sz: #{v.$text-size};
}
}
// ---- headings
.no-reset h1 { font-size: var(--title-1-sz); }
@ -133,7 +145,7 @@
&:not(:empty) {
// border-bottom: 1px var(--heading-bg) solid;
// color: var(--heading-fg);
padding: v.$mp-2;
//padding: v.$mp-2;
margin-top: 0em !important;
vertical-align: top;
@ -306,16 +318,16 @@
&.small, .preview.small & {
min-width: unset;
height: var(--preview-cover-small-size);
width: var(--preview-cover-small-size) !important;
min-width: var(--preview-cover-small-size);
height: var(--cover-small-h);
width: var(--cover-small-w) !important;
min-width: var(--cover-small-w);
}
&.tiny, .preview.tiny & {
min-width: unset;
height: var(--preview-cover-tiny-size);
width: var(--preview-cover-tiny-size) !important;
min-width: var(--preview-cover-tiny-size);
height: var(--cover-tiny-h);
width: var(--cover-tiny-w) !important;
min-width: var(--cover-tiny-w);
}
}
@ -378,7 +390,7 @@
margin-bottom: unset;
.list-item:not(.no-cover) & {
min-height: var(--preview-cover-small-size);
min-height: var(--cover-small-h);
}
}

5
assets/src/styles/public.scss
View File

@ -22,7 +22,7 @@
&:not(:last-child) {
padding-bottom: calc(v.$mp-4 / 2);
border-bottom: 2px var(--break-color) solid;
// border-bottom: 2px var(--break-color) solid;
}
> .title, h3.title {
@ -60,7 +60,8 @@
margin: v.$mp-3;
margin-left: 0rem;
padding: v.$mp-2;
border-bottom: 1px var(--main-color) solid;
text-color: var(--main-color);
background-color: var(--main-color-light);
.heading {
padding: 0em;