DGNum/demarches-normaliennes
14
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

Modify CSS overide and import footer from DSFR

Browse source
This commit is contained in:
Kara Diaby 2022-09-08 15:46:47 +02:00 committed by mfo
parent f80132377a
commit f3549a7a4d
6 changed files with 19 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/assets/stylesheets/admin-procedures-list.scss
View file

@ -1,4 +1,6 @@
// Push the timestamps column to the right of the row // Push the timestamps column to the right of the row
@import "colors";
.admin-procedures-list-timestamps { .admin-procedures-list-timestamps {
margin-left: auto; margin-left: auto;
} }
@ -8,4 +10,8 @@
// See https://stackoverflow.com/questions/57516373/image-stretching-in-flexbox-in-safari // See https://stackoverflow.com/questions/57516373/image-stretching-in-flexbox-in-safari
.admin-procedures-list-row.infos { .admin-procedures-list-row.infos {
align-items: flex-start; align-items: flex-start;
a {
color: $blue-france-500;
}
} }

4
app/assets/stylesheets/commencer.scss
View file

@ -11,6 +11,10 @@
margin-bottom: 2 * $default-spacer; margin-bottom: 2 * $default-spacer;
} }
.optional-on-small-screens {
color: #FFFFFF;
}
@media (max-width: 450px) { @media (max-width: 450px) {
.optional-on-small-screens { .optional-on-small-screens {
display: none; display: none;

8
app/assets/stylesheets/common.scss
View file

@ -45,15 +45,15 @@ strong {
font-weight: bold; font-weight: bold;
} }
a {
color: $blue-france-500;
}
a[target="_blank"]::after { a[target="_blank"]::after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==); content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
margin: 0 3px 0 5px; margin: 0 3px 0 5px;
} }
a {
color: $blue-france-500;
}
em { em {
font-style: italic; font-style: italic;
} }

5
app/assets/stylesheets/dsfr.scss
View file

@ -1,6 +1,6 @@
@import "colors"; @import "colors";
// override default text underline of dsfr // override default text underline of dsfr
body [href] { body [href]:not([class^="fr-"]):not(.fr-footer__bottom-copy *) {
background-image: none; background-image: none;
} }
@ -11,6 +11,9 @@ select {
background: $white; background: $white;
} }
#footer a {
color: #333333;
}
// with Marianne font, weight of font is less bolder, so bold it up // with Marianne font, weight of font is less bolder, so bold it up
.button.primary { .button.primary {
font-weight: bold; font-weight: bold;

7
app/assets/stylesheets/new_footer.scss
View file

@ -3,13 +3,6 @@
@import "mixins"; @import "mixins";
@import "placeholders"; @import "placeholders";
footer {
background-color: $light-grey;
border-top: 1px solid $border-grey;
bottom: 0;
width: 100%;
}
.landing-footer { .landing-footer {
@include vertical-padding(72px); @include vertical-padding(72px);
} }

1
app/javascript/entrypoints/main.css
View file

@ -16,3 +16,4 @@
@import '@gouvfr/dsfr/dist/component/search/search.css'; @import '@gouvfr/dsfr/dist/component/search/search.css';
@import '@gouvfr/dsfr/dist/component/translate/translate.css'; @import '@gouvfr/dsfr/dist/component/translate/translate.css';
@import '@gouvfr/dsfr/dist/component/header/header.css'; @import '@gouvfr/dsfr/dist/component/header/header.css';
@import '@gouvfr/dsfr/dist/component/footer/footer.css';