From 8b3719c33236903b33cecf5edb0ced5222b8e291 Mon Sep 17 00:00:00 2001 From: dbroqua Date: Sat, 19 Feb 2022 09:25:51 +0100 Subject: [PATCH] Minor changes --- sass/ajouter-un-album.scss | 17 ----------------- sass/forms.scss | 9 +++++++++ sass/global.scss | 16 +++++++++++----- sass/index.scss | 3 ++- sass/list.scss | 16 ++++++++++++++++ sass/ma-collection.scss | 17 ----------------- sass/modal.scss | 4 ++-- views/pages/home.ejs | 8 ++++---- 8 files changed, 44 insertions(+), 46 deletions(-) create mode 100644 sass/list.scss diff --git a/sass/ajouter-un-album.scss b/sass/ajouter-un-album.scss index 3cdd43b..d0a173e 100644 --- a/sass/ajouter-un-album.scss +++ b/sass/ajouter-un-album.scss @@ -46,21 +46,4 @@ } } } - - .items { - span { - margin-right: 0.6rem; - - &::after { - content: ","; - } - - &:last-child { - &::after { - margin-right: 0; - content: ""; - } - } - } - } } \ No newline at end of file diff --git a/sass/forms.scss b/sass/forms.scss index 85f359b..69e8bbc 100644 --- a/sass/forms.scss +++ b/sass/forms.scss @@ -38,4 +38,13 @@ outline: unset; } } + + select { + appearance: none; + background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E"); + background-position: right 0.8rem center; + background-repeat: no-repeat; + background-size: 1.2rem; + padding-right: 2.4rem; + } } \ No newline at end of file diff --git a/sass/global.scss b/sass/global.scss index 704bde6..6de7362 100644 --- a/sass/global.scss +++ b/sass/global.scss @@ -27,17 +27,23 @@ html { padding-top: 3.5rem; font-family: 'open_sansregular'; font-weight: 400; - min-height: 100vh; - - footer { + min-height: 100vh; + + footer.footer { margin-top: auto; - padding: 2rem 0 1.5rem; + padding: 2rem 0.7rem 1.5rem; background-color: #fafafa; } - + a { color: #485fc7; cursor: pointer; } } +} + +.layout-maxed { + @include respond-to("small") { + padding: 0 0.7rem; + } } \ No newline at end of file diff --git a/sass/index.scss b/sass/index.scss index 6a49884..4ba329e 100644 --- a/sass/index.scss +++ b/sass/index.scss @@ -21,7 +21,7 @@ // @import "components/burger"; // @import "components/checkbox"; // @import "components/radio"; -// @import "components/select"; +// @import "../node_modules/knacss/sass/components/select"; // @import "components/quote"; // SPÉCIFIQUE AU SITE @@ -34,6 +34,7 @@ @import './toast'; @import './flash'; @import './pagination'; +@import './list'; @import './home'; @import './connexion'; diff --git a/sass/list.scss b/sass/list.scss new file mode 100644 index 0000000..a93f11e --- /dev/null +++ b/sass/list.scss @@ -0,0 +1,16 @@ +.items { + span { + margin-right: 0.6rem; + + &::after { + content: ","; + } + + &:last-child { + &::after { + margin-right: 0; + content: ""; + } + } + } +} \ No newline at end of file diff --git a/sass/ma-collection.scss b/sass/ma-collection.scss index 9bfa611..d605709 100644 --- a/sass/ma-collection.scss +++ b/sass/ma-collection.scss @@ -43,22 +43,5 @@ img { border: 2px solid #4a4a4a; } - - .items { - span { - margin-right: 0.6rem; - - &::after { - content: ","; - } - - &:last-child { - &::after { - margin-right: 0; - content: ""; - } - } - } - } } } \ No newline at end of file diff --git a/sass/modal.scss b/sass/modal.scss index 28f4d43..1b35ae5 100644 --- a/sass/modal.scss +++ b/sass/modal.scss @@ -52,7 +52,7 @@ display: flex; flex-shrink: 0; justify-content: flex-start; - padding: 20px; + padding: 0.75rem; position: relative; } @@ -83,7 +83,7 @@ position: relative; width: 20px; - &::before, + &::before, &::after { background-color: #fff; content: ""; diff --git a/views/pages/home.ejs b/views/pages/home.ejs index e69a909..2f816df 100644 --- a/views/pages/home.ejs +++ b/views/pages/home.ejs @@ -3,10 +3,10 @@

My Music Library

-

+

Retrouvez votre cd-thèque partout depuis votre PC ou votre smartphone.

-

+

My Music Library est une application Web (que vous pouvez auto-héberger) et un site Web (sur lequel vous pouvez créer un compte), permettant de gérer votre liste des CDs et Vinyles, et de l'utiliser facilement et n'importe où.
Le code source est publié sous licence libre GNU GPL-3.0-or-later. Le code source est disponible sur git.darkou.fr. @@ -14,7 +14,7 @@

Pourquoi utiliser My Music Library ?

-

+

My Music Library est indispensable lorsqu'une collection, de CD-audios et vyniles, est devenue trop importante pour qu'on puisse se souvenir de tous les albums qu'elle contient. Consulter My Music Library peut par exemple éviter un achat en double, et de savoir qu'on a des albums à céder ou échanger.
Il existe déjà plusieurs applications de gestion de librairies musicales mais, (au moment de l'édition de cette présentation) aucune facilement accessible via internet, par exemple lorsqu'on est chez un disquaire. @@ -22,7 +22,7 @@

Qu'est ce qui fait tourner My Music Library ?

-

+

My Music Library c'est un backend, une base de données et un front (à terme une API pour être consommée par une app mobile 🤔).