Commit fe5eef8b authored by alexandre's avatar alexandre

Css cleaning, in progress

parent edf8c371
......@@ -201,7 +201,7 @@ section.hidden { display: none; }
Modal windows
========================================================================== */
.modal-dialog {
.modal {
display: flex;
position: fixed;
top: 0;
......@@ -215,19 +215,22 @@ section.hidden { display: none; }
align-items: center;
}
.modal-dialog > div {
.modal__dialog {
width: 400px;
padding: 8px;
background: #fff;
color: black;
}
.modal-dialog label { display: none; }
.modal__title { margin-bottom: 1em; }
.modal-dialog input[type="email"],
.modal-dialog input[type="text"],
.modal-dialog input[type="password"],
.modal-dialog input[type="submit"] {
.modal label { display: none; }
.modal input[type="email"],
.modal input[type="text"],
.modal input[type="password"],
.modal input[type="submit"] {
padding: 0;
margin: 0;
font-size: inherit;
......@@ -236,17 +239,13 @@ section.hidden { display: none; }
border: none;
}
.modal-dialog input[type="submit"] {
.modal input[type="submit"] {
text-decoration: underline;
}
.modal-dialog h2 {
margin-bottom: 1em;
}
.modal-dialog input[type="email"],
.modal-dialog input[type="text"],
.modal-dialog input[type="password"] {
.modal input[type="email"],
.modal input[type="text"],
.modal input[type="password"] {
border-bottom: 2px solid;
padding-bottom: 6px;
margin-bottom: 18px;
......@@ -260,7 +259,7 @@ section.hidden { display: none; }
General layout
========================================================================== */
.outer-wrapper {
.page__wrapper {
display: flex;
box-sizing: border-box;
width: 100vw;
......@@ -276,12 +275,12 @@ section.hidden { display: none; }
========================================================================== */
.main-header .content {
width: 300px;
/* width: 300px; */
padding: 30px;
transition: all .2s;
}
.main-header.is-collapsed .content { margin-left: -330px; }
.main-header { width: 300px; }
.main-header.is-collapsed { margin-left: -300px; }
.logo { margin: 21px 0 42px 0; }
......@@ -1155,7 +1154,8 @@ li .icon--tag { color: white } */
transition: all .2s;
}
.help.is-collapsed .help__frame { margin-right: -530px; }
.help { width: 500px; }
.help.is-collapsed { margin-right: -500px; }
.help__content {
color: #173a42;
......@@ -1215,7 +1215,7 @@ li .icon--tag { color: white } */
.panel {
position: relative;
box-sizing: border-box;
transition: all .2s;
}
.panel--right {
......
......@@ -2346,7 +2346,7 @@ window.W = window.W || {};
W.BaseModalView = Backbone.Marionette.View.extend({
attributes : {
class: 'modal-dialog',
class: 'page__modal modal',
},
ui: {
......@@ -2574,7 +2574,7 @@ window.W = window.W || {};
template: '#base-template',
attributes: {
class: 'outer-wrapper',
class: 'page__wrapper',
},
regions: {
......@@ -2592,7 +2592,7 @@ window.W = window.W || {};
},
modal: {
el: '#modal',
// replaceElement: true
replaceElement: true
}
},
......
<header id="main-header" class="page__header main-header"></header>
<main id="main-area" class="page__main main-area"></main>
<div id="help" class="page__help help"></div>
<div id="modal" class="page__modal modal"></div>
<div id="modal" class="page__modal"></div>
<div>
<div class="modal__dialog">
<p style="text-align: right; margin-bottom: 1em;">
<a href="#close" title="Close" class="btn-close">fermer</a>
</p>
<h2><%- t('Connexion') %></h2>
<h2 class="modal__title"><%- t('Connexion') %></h2>
<form method="post" action="/rest-auth/login/">
<p>
......
<div>
<div class="modal__dialog">
<p style="text-align: right; margin-bottom: 1em;">
<a href="#close" title="Close" class="btn-close">fermer</a>
</p>
......
<div>
<div class="modal__dialog">
<p style="text-align: right; margin-bottom: 1em;">
<a href="#close" title="Close" class="btn-close">fermer</a>
</p>
<h2><%- t('inscription') %></h2>
<h2 class="modal__title"><%- t('Inscription') %></h2>
<% if (errors) { %>
<ul class="errors">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment