rc/aircox
13
1
Fork 1
Code Issues 15 Pull Requests Projects Releases Wiki 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
aircox/locale/fr/LC_MESSAGES/django.mo
View File

Binary file not shown.

6
aircox/locale/fr/LC_MESSAGES/django.po
View File

@ -126,11 +126,11 @@ msgstr "type"
#: models/diffusion.py:137 models/log.py:131
msgid "Diffusion"
msgstr "Date de diffusion"
msgstr "Diffusion"
#: models/diffusion.py:138
msgid "Diffusions"
msgstr "Dates de diffusion"
msgstr "Diffusions"
#: models/diffusion.py:139
msgid "edit the diffusions' planification"
@ -325,7 +325,7 @@ msgstr "Page d'accueil"
#: models/page.py:291
msgid "Timetable"
msgstr "Temps"
msgstr "Horaires"
#: models/page.py:292
msgid "Programs list"

2
aircox/static/aircox/admin.css
View File

File diff suppressed because one or more lines are too long

2
aircox/static/aircox/index.css
View File

File diff suppressed because one or more lines are too long

2
aircox/static/aircox/index.js
View File

File diff suppressed because one or more lines are too long

2
aircox/static/aircox/index.js.map
View File

File diff suppressed because one or more lines are too long

2
aircox/static/aircox/public.css
View File

File diff suppressed because one or more lines are too long

2
aircox/templates/aircox/home.html
View File

@ -58,7 +58,7 @@
{% if podcasts %}
<section class="container">
<h2 class="title is-3 p-2">{% translate "Last podcasts" %}</h2>
<h2 class="title">{% translate "Last podcasts" %}</h2>
{% include "./widgets/carousel.html" with objects=podcasts url_name="podcast-list" url_label=_("All podcasts") %}
</section>
{% endif %}

16
aircox/templates/aircox/program_detail.html
View File

@ -2,10 +2,15 @@
{% comment %}Detail page of a show{% endcomment %}
{% load i18n aircox %}
{% block content-container %}
{% block content %}
{{ block.super }}
{% with schedules=object.schedule_set.all %}
{% if schedules %}
<header class="container schedules">
{% if object.active and schedules %}
<header class="schedules mt-3">
<h4 class="title is-4 mr-3">
{% translate "Diffusions" %}
</h4>
{% for schedule in schedules %}
<div class="schedule">
<div class="heading">
@ -33,8 +38,13 @@
{% endif %}
{% endwith %}
{% endblock %}
{% block main %}
{{ block.super }}
{% if episodes %}
<section class="container">
<h2 class="title is-2">{% translate "Last Episodes" %}</h2>

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;