Mutualize some CSS into a class

This commit is contained in:
gregoirenovel 2017-12-12 16:53:19 +01:00
parent b2c8a32fcd
commit 191a5a1dee
6 changed files with 21 additions and 33 deletions

View file

@ -8,6 +8,12 @@
margin-bottom: 3 * $default-spacer; margin-bottom: 3 * $default-spacer;
} }
.tab-title {
font-size: 18px;
font-weight: bold;
margin-bottom: $default-padding;
}
.accompagnateur-header { .accompagnateur-header {
background-color: $light-grey; background-color: $light-grey;
padding-top: $default-padding; padding-top: $default-padding;

View file

@ -3,12 +3,6 @@
@import "constants"; @import "constants";
.give-avis { .give-avis {
h1 {
font-size: 18px;
font-weight: bold;
margin-bottom: $default-padding;
}
.lock { .lock {
margin-right: $default-spacer; margin-right: $default-spacer;
} }
@ -39,12 +33,6 @@
} }
.ask-avis { .ask-avis {
h1 {
font-size: 18px;
font-weight: bold;
margin-bottom: $default-padding;
}
.avis-notice { .avis-notice {
font-size: 14px; font-size: 14px;
color: $grey; color: $grey;
@ -74,22 +62,16 @@
} }
.list-avis { .list-avis {
.title { .count {
font-size: 18px; display: inline-block;
font-weight: bold; width: 20px;
margin-bottom: $default-padding; height: 20px;
border-radius: 10px;
.count { border: 1px solid $grey;
display: inline-block; text-align: center;
width: 20px; font-size: 12px;
height: 20px; font-weight: normal;
border-radius: 10px; margin-left: 8px;
border: 1px solid $grey;
text-align: center;
font-size: 12px;
font-weight: normal;
margin-left: 8px;
}
} }
.one-avis { .one-avis {

View file

@ -1,6 +1,6 @@
- if avis.present? - if avis.present?
%section.list-avis %section.list-avis
%h1.title %h1.tab-title
Avis des invités Avis des invités
%span.count= avis.count %span.count= avis.count

View file

@ -5,7 +5,7 @@
.accompagnateur-header .accompagnateur-header
.container.flex .container.flex
.width-100 .width-100
%h1 Avis %h1.tab-title Avis
%ul.tabs %ul.tabs
%li{ class: (@statut == NewGestionnaire::AvisController::A_DONNER_STATUS) ? 'active' : nil }> %li{ class: (@statut == NewGestionnaire::AvisController::A_DONNER_STATUS) ? 'active' : nil }>
= link_to(avis_index_path(statut: NewGestionnaire::AvisController::A_DONNER_STATUS)) do = link_to(avis_index_path(statut: NewGestionnaire::AvisController::A_DONNER_STATUS)) do

View file

@ -5,7 +5,7 @@
.container .container
%section.give-avis %section.give-avis
%h1 Donner votre avis %h1.tab-title Donner votre avis
%h2.claimant %h2.claimant
Demandeur : Demandeur :
%span.email= @avis.claimant.email %span.email= @avis.claimant.email
@ -22,7 +22,7 @@
= f.submit 'Envoyer votre avis', class: 'button send' = f.submit 'Envoyer votre avis', class: 'button send'
%section.ask-avis %section.ask-avis
%h1 Inviter une personne à donner son avis %h1.tab-title Inviter une personne à donner son avis
%p.avis-notice L'invité pourra consulter, donner un avis sur le dossier et contribuer au fil de messagerie, mais il ne pourra le modifier. %p.avis-notice L'invité pourra consulter, donner un avis sur le dossier et contribuer au fil de messagerie, mais il ne pourra le modifier.
= form_for Avis.new, url: avis_avis_path(@avis), html: { class: 'form' } do |f| = form_for Avis.new, url: avis_avis_path(@avis), html: { class: 'form' } do |f|

View file

@ -4,7 +4,7 @@
.container .container
%section.ask-avis %section.ask-avis
%h1 Inviter une personne à donner son avis %h1.tab-title Inviter une personne à donner son avis
%p.avis-notice L'invité pourra consulter, donner un avis sur le dossier et contribuer au fil de messagerie, mais il ne pourra le modifier. %p.avis-notice L'invité pourra consulter, donner un avis sur le dossier et contribuer au fil de messagerie, mais il ne pourra le modifier.
= form_for Avis.new, url: avis_dossier_path(@dossier.procedure, @dossier), html: { class: 'form' } do |f| = form_for Avis.new, url: avis_dossier_path(@dossier.procedure, @dossier), html: { class: 'form' } do |f|