Chapril/mobilizon.chapril.org-mobilizon
Chapril
/
mobilizon.chapril.org-mobilizon
24
0
Fork 0
Code Issues Pull Requests Releases Activity

pretty code

This commit is contained in:
Tykayn 2021-02-15 21:29:15 +01:00 committed by tykayn
parent b55416c0c4
commit 24cc2ea1d5
8 changed files with 73 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
js/src/common.scss
View File

@ -23,11 +23,10 @@ main > .container {
background: $whitest; background: $whitest;
min-height: 70vh; min-height: 70vh;
} }
.step-content{ .step-content {
height: auto; height: auto;
} }
a.out, a.out,
.content a, .content a,
.ProseMirror a { .ProseMirror a {
@ -45,17 +44,18 @@ main {
min-height: 80vh; min-height: 80vh;
} }
} }
> #homepage{ > #homepage {
background: $whitest; background: $whitest;
#featured_events{ #featured_events {
background: $whitest; background: $whitest;
} }
#picture{ #picture {
.container, .section{ .container,
.section {
background: $whitest; background: $whitest;
} }
} }
> .container{ > .container {
min-height: 25vh; min-height: 25vh;
} }
} }
@ -63,7 +63,6 @@ main {
.section { .section {
padding: 1rem 1% 4rem; padding: 1rem 1% 4rem;
} }
figure img.is-rounded { figure img.is-rounded {
@ -109,11 +108,10 @@ body {
background: $body-background-color; background: $body-background-color;
font-family: BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Segoe UI", font-family: BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Segoe UI",
"Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
} }
#mobilizon{ #mobilizon {
> main{ > main {
background: $body-background-color; background: $body-background-color;
} }
> .container > .message { > .container > .message {
@ -173,12 +171,17 @@ a.list-item {
.setting-title { .setting-title {
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 1rem; margin-bottom: 1rem;
h1,h2,h3,h4,h5,h6{ h1,
h2,
h3,
h4,
h5,
h6 {
background: $secondary; background: $secondary;
color : $white; color: $white;
span{ span {
background: $secondary !important; background: $secondary !important;
color : $white !important; color: $white !important;
} }
} }
h2 { h2 {
@ -190,11 +193,11 @@ a.list-item {
} }
} }
.hero-body{ .hero-body {
background-color: $chapril_blue_light; background-color: $chapril_blue_light;
} }
.columns{ .columns {
background: $whitest; background: $whitest;
} }
.setting-menu-item { .setting-menu-item {
@ -219,9 +222,7 @@ a.list-item {
} }
} }
.time.datetime-container {
.time.datetime-container{
color: $white; color: $white;
background: $chapril_blue_light; background: $chapril_blue_light;
span.month { span.month {
@ -233,7 +234,7 @@ a.list-item {
footer footer
*/ */
footer.footer[data-v-40ab164b] span.select select{ footer.footer[data-v-40ab164b] span.select select {
background: $chapril_blue_light; background: $chapril_blue_light;
color: $footer-text-color; color: $footer-text-color;
} }

2
js/src/components/Event/EventListCard.vue
View File

@ -440,7 +440,7 @@ article.box {
line-height: 1em; line-height: 1em;
margin-top: 0.5em; margin-top: 0.5em;
} }
.participation-actor{ .participation-actor {
margin-top: 1em; margin-top: 1em;
} }
</style> </style>

8
js/src/components/Footer.vue
View File

@ -35,12 +35,14 @@
}}</router-link> }}</router-link>
</li> </li>
<li> <li>
<a href='https://www.chapril.org/Mentions-legales.html' > <a href="https://www.chapril.org/Mentions-legales.html">
Mentions légales Mentions légales
</a > </a>
</li> </li>
<li> <li>
<router-link :to="{ name: RouteName.TERMS }">{{ $t("Terms") }}</router-link> <router-link :to="{ name: RouteName.TERMS }">{{
$t("Terms")
}}</router-link>
</li> </li>
<li> <li>
<a <a

11
js/src/components/NavBar.vue
View File

@ -5,9 +5,11 @@
:active.sync="mobileNavbarActive" :active.sync="mobileNavbarActive"
> >
<template slot="brand"> <template slot="brand">
<b-navbar-item tag="router-link" <b-navbar-item
tag="router-link"
:aria-label="$t('Home')" :aria-label="$t('Home')"
:to="{ name: RouteName.HOME }"> :to="{ name: RouteName.HOME }"
>
<img <img
src="/img/long_logo_chapril_mobilizon.png" src="/img/long_logo_chapril_mobilizon.png"
alt="logo mobilizon" alt="logo mobilizon"
@ -43,7 +45,10 @@
href="https://www.chapril.org" href="https://www.chapril.org"
:aria-label="'www.chapril.org'" :aria-label="'www.chapril.org'"
> >
<img src="/img/pics/logo_chapril_mobilizon.png" alt="logo chapril mobilizon" /> <img
src="/img/pics/logo_chapril_mobilizon.png"
alt="logo chapril mobilizon"
/>
</b-navbar-item> </b-navbar-item>
<b-navbar-item tag="div"> <b-navbar-item tag="div">
<search-field @navbar-search="mobileNavbarActive = false" /> <search-field @navbar-search="mobileNavbarActive = false" />

68
js/src/variables.scss
View File

@ -4,8 +4,8 @@
// chapril colors // chapril colors
$chapril_blue: #2e5281; $chapril_blue: #2e5281;
$chapril_blue_light: #bcd0e5; $chapril_blue_light: #bcd0e5;
$white: mix( #fff,#bcd0e5); $white: mix(#fff, #bcd0e5);
$whitest: #fff; $whitest: #fff;
$chapril_orange: #ff5e00; $chapril_orange: #ff5e00;
$chapril_grey: #5f5f5f; $chapril_grey: #5f5f5f;
// other // other
@ -55,7 +55,7 @@ $secondary: lighten($chapril_blue, 20%);
$secondary-invert: findColorInvert($secondary); $secondary-invert: findColorInvert($secondary);
$background-color: mix($chapril_blue, $violet-2); $background-color: mix($chapril_blue, $violet-2);
$background-color-darker: darken($background-color,10%); $background-color-darker: darken($background-color, 10%);
$success: mix($chapril_blue, #0d8758); $success: mix($chapril_blue, #0d8758);
$success-invert: findColorInvert($success); $success-invert: findColorInvert($success);
@ -68,33 +68,33 @@ $link-invert: $primary-invert;
$text: mix($chapril_blue, $violet-1); $text: mix($chapril_blue, $violet-1);
$colors: map-merge( $colors: map-merge(
$colors, $colors,
( (
"primary": ( "primary": (
$primary, $primary,
$primary-invert, $primary-invert,
), ),
"secondary": ( "secondary": (
$secondary, $secondary,
$secondary-invert, $secondary-invert,
), ),
"success": ( "success": (
$success, $success,
$success-invert, $success-invert,
), ),
"info": ( "info": (
$info, $info,
$info-invert, $info-invert,
), ),
"danger": ( "danger": (
$danger, $danger,
$danger-invert, $danger-invert,
), ),
"link": ( "link": (
$link, $link,
$link-invert, $link-invert,
), ),
) )
); );
// Navbar // Navbar
@ -105,15 +105,15 @@ $navbar-height: 4rem;
// Footer // Footer
$footer-padding: 3rem 1.5rem 1rem; $footer-padding: 3rem 1.5rem 1rem;
$footer-background-color: $violet-2; $footer-background-color: $violet-2;
$footer-text-color: mix( #000, $violet-2); $footer-text-color: mix(#000, $violet-2);
$body-background-color: mix( $chapril_blue, #efeef4); $body-background-color: mix($chapril_blue, #efeef4);
$fullhd-enabled: false; $fullhd-enabled: false;
$hero-body-padding-medium: 6rem 1.5rem; $hero-body-padding-medium: 6rem 1.5rem;
$title-color: $chapril_blue; $title-color: $chapril_blue;
$title-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial, $title-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial,
serif; serif;
$title-weight: 700; $title-weight: 700;
$title-size: 40px; $title-size: 40px;
$title-sub-size: 45px; $title-sub-size: 45px;
@ -121,7 +121,7 @@ $title-sup-size: 30px;
$subtitle-color: $chapril_grey; $subtitle-color: $chapril_grey;
$subtitle-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial, $subtitle-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial,
serif; serif;
$subtitle-weight: 400; $subtitle-weight: 400;
$subtitle-size: 32px; $subtitle-size: 32px;
$subtitle-sub-size: 30px; $subtitle-sub-size: 30px;

1
js/src/views/Group/Group.vue
View File

@ -841,7 +841,6 @@ div.container {
.media-content { .media-content {
h2 { h2 {
font-family: "Liberation Sans", "Helvetica Neue", Roboto, font-family: "Liberation Sans", "Helvetica Neue", Roboto,
Helvetica, Arial, serif; Helvetica, Arial, serif;
font-size: 1.5rem; font-size: 1.5rem;

7
js/src/views/Home.vue
View File

@ -18,10 +18,10 @@
" "
/> />
<p class="instance-description">{{ config.description }}</p> <p class="instance-description">{{ config.description }}</p>
<p class='contact contact-home'> <p class="contact contact-home">
<a href='mailto:mobilizon-support@chapril.org' > <a href="mailto:mobilizon-support@chapril.org">
{{ $t("Contact") }} {{ $t("Contact") }}
</a > </a>
</p> </p>
<!-- We don't invite to find other instances yet --> <!-- We don't invite to find other instances yet -->
<!-- <p v-if="!config.registrationsOpen"> <!-- <p v-if="!config.registrationsOpen">
@ -669,7 +669,6 @@ section.hero {
} }
.container.section { .container.section {
@include tablet { @include tablet {
margin-top: -4rem; margin-top: -4rem;
} }

1
js/src/views/User/Register.vue
View File

@ -292,7 +292,6 @@ export default class Register extends Vue {
} }
h2.title { h2.title {
font-size: 2.5rem; font-size: 2.5rem;
text-decoration: underline; text-decoration: underline;
display: inline; display: inline;