#87 - Utiliser la police Luciole #89

Merged
dbroqua merged 1 commit from issue-87 into develop 2023-07-27 14:52:31 +02:00
9 changed files with 2 additions and 109 deletions

View file

@ -66,33 +66,6 @@ function setCookie(cname, cvalue, exdays = 30) {
document.cookie = `${cname}=${cvalue};${expires};path=/`; document.cookie = `${cname}=${cvalue};${expires};path=/`;
} }
/**
* Fonction de ()charger le thème accessible
* @param {String} value
*/
function setAriaTheme(value) {
const { body } = document;
if (value === "true") {
const classesString = body.className || "";
if (classesString.indexOf("is-accessible") === -1) {
body.classList.add("is-accessible");
}
} else {
body.classList.remove("is-accessible");
}
}
/**
* Fonction de ()charger le thème accessible
*/
function switchAriaTheme() {
const { body } = document;
body.classList.toggle("is-accessible");
setCookie("ariatheme", body.classList.contains("is-accessible"));
}
/** /**
* Fonction permettant de switcher de thème clair/sombre * Fonction permettant de switcher de thème clair/sombre
* @param {Object} e * @param {Object} e
@ -124,12 +97,6 @@ document.addEventListener("DOMContentLoaded", () => {
}); });
} }
const switchAriaThemeBtn = document.querySelector("#switchAriaTheme");
if (switchAriaThemeBtn) {
switchAriaThemeBtn.addEventListener("click", switchAriaTheme);
}
setAriaTheme(getCookie("ariatheme"));
const toggleSwitch = document.querySelector( const toggleSwitch = document.querySelector(
'.theme-switch input[type="checkbox"]' '.theme-switch input[type="checkbox"]'
); );

View file

@ -8,10 +8,6 @@
width: calc(100% - 6rem); width: calc(100% - 6rem);
margin: 2rem auto; margin: 2rem auto;
.header {
font-weight: 800;
}
&.info { &.info {
background-color: $warning-color; background-color: $warning-color;
} }

File diff suppressed because one or more lines are too long

View file

@ -24,9 +24,6 @@
} }
} }
label {
font-weight: 800;
}
input, input,
textarea, textarea,
select { select {

View file

@ -7,19 +7,10 @@ html {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-top: 3.5rem; padding-top: 3.5rem;
font-family: 'open_sansregular'; font-family: 'lucioleregular';
font-weight: 400;
min-height: 100vh; min-height: 100vh;
color: var(--font-color); color: var(--font-color);
@include transition() {} @include transition();
&.is-accessible {
font-family: 'lucioleregular';
.text-justify {
text-align: left;
}
}
footer.footer { footer.footer {
margin-top: auto; margin-top: auto;

View file

@ -42,7 +42,6 @@
} }
.title { .title {
font-weight: 800;
font-size: 1.4rem; font-size: 1.4rem;
} }

View file

@ -33,7 +33,6 @@
word-break: break-word; word-break: break-word;
color: var(--font-color); color: var(--font-color);
font-size: 2rem; font-size: 2rem;
font-weight: 600;
line-height: 1.125; line-height: 1.125;
margin-left: .5rem !important; margin-left: .5rem !important;
@include transition() {} @include transition() {}

View file

@ -105,9 +105,6 @@
</div> </div>
<div class="navbar-item"> <div class="navbar-item">
<div class="buttons"> <div class="buttons">
<button type="button" class="button is-primary" id="switchAriaTheme" aria-label="Renforcer la visibilité de ce site" title="Renforcer la visibilité de ce site">
<i class="icon-eye"></i>
</button>
<% if ( !user ) { %> <% if ( !user ) { %>
<a class="button is-primary" href="/connexion"> <a class="button is-primary" href="/connexion">
<strong>Connexion</strong> <strong>Connexion</strong>

View file

@ -497,9 +497,6 @@
&lt;/div&gt; &lt;/div&gt;
&lt;div class="navbar-item"&gt; &lt;div class="navbar-item"&gt;
&lt;div class="buttons"&gt; &lt;div class="buttons"&gt;
&lt;button type="button" class="button is-primary" id="switchAriaTheme" aria-label="Renforcer la visibilité de ce site" title="Renforcer la visibilité de ce site"&gt;
&lt;i class="icon-eye"&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;a class="button is-danger" href="/se-deconnecter"&gt; &lt;a class="button is-danger" href="/se-deconnecter"&gt;
Déconnexion Déconnexion
&lt;/a&gt; &lt;/a&gt;