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

Blocks must be separated by an empty line

Browse source
This commit is contained in:
gregoirenovel 2017-04-11 17:06:30 +02:00
parent 0d5dd9d492
commit 2cae8e751e
15 changed files with 132 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/assets/stylesheets/admin_procedures_modal.scss
View file

@ -12,6 +12,7 @@
.twitter-typeahead {
width: 300px;
}
.tt-menu {
width: 300px;
}

1
app/assets/stylesheets/admin_type_de_champ.scss
View file

@ -42,6 +42,7 @@
.description {
padding: 0;
textarea {
padding: 6px 12px;
}

3
app/assets/stylesheets/application.scss
View file

@ -66,12 +66,15 @@ form {
background-color: $light-blue;
text-align: center;
padding: 0;
a, p {
color: #000000;
}
a:hover {
color: #000000;
}
p {
line-height: 40px;
padding: 0;

3
app/assets/stylesheets/backoffice.scss
View file

@ -5,13 +5,16 @@
.default_data_block {
background-color: #FFFFFF;
margin-top: 20px;
.show-block {
width: 100%;
}
.body {
height: auto;
}
}
.fixed-right {
position: fixed;
right: 20px;

1
app/assets/stylesheets/carte.scss
View file

@ -133,6 +133,7 @@
.twitter-typeahead {
width: 555px;
}
.tt-menu {
width: 555px;
}

10
app/assets/stylesheets/default_data_block.scss
View file

@ -9,6 +9,7 @@
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
margin-bottom: 40px;
}
.carret-right {
float: left;
width: 0;
@ -18,6 +19,7 @@
border-left: 14px solid #FFFFFF;
margin: 12px 12px 0 15px;
}
.carret-down {
float: left;
width: 0;
@ -28,24 +30,29 @@
border-top: 14px solid #FFFFFF;
margin: 12px 12px 0 15px;
}
.header {
background-color: #003C92;
height: 40px;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
.title, .title-no-expanse, .action, .count {
height: 100%;
line-height: 40px;
padding: 0px;
text-transform: uppercase;
}
.title-no-expanse {
cursor: not-allowed;
}
.title, .action, .count {
cursor: pointer;
}
.action {
background-color: #E45B51;
text-align: center;
@ -54,14 +61,17 @@
text-decoration: none;
color: #FFFFFF;
}
.action:hover {
color: $light-blue;
}
.count {
font-size: 16px;
text-align: center;
}
}
.body {
background-color: #FFFFFF;
display: none;

3
app/assets/stylesheets/description.scss
View file

@ -6,6 +6,7 @@
.default_data_block {
.show-block {
width: 90%;
.body{
padding: 15px;
}
@ -47,11 +48,13 @@
.twitter-typeahead {
width: 100%;
input {
width: 100%;
display: block !important;
}
}
.tt-menu {
width: 100%;
}

33
app/assets/stylesheets/dossier_show.scss
View file

@ -4,24 +4,29 @@
.last-commentaire {
display: block;
background-color: #FFFFFF;
.content, .new-action {
margin-bottom: 20px;
}
}
.body {
.commentaires {
max-height: 350px;
overflow-y: scroll;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.075) 0%, rgba(219, 219, 219, 0) 50%, rgba(250, 251, 253, 0.18) 51%, #ffffff 100%);
}
.no-commentaires {
text-align: center;
font-size: 18px;
padding-top: 20px;
}
}
.last-commentaire, .commentaire {
padding: 20px 0 0 20px;
.comment-header {
font-family: Arial;
font-size: 14px;
@ -30,10 +35,12 @@
color: #000000;
margin-bottom: 10px;
}
.file {
padding-right: 70px;
text-align: center;
margin-bottom: 20px;
.link {
span {
width: 100%;
@ -42,39 +49,48 @@
}
}
}
.split-hr {
margin: 20px 20px 0 20px;
border-bottom: 1px solid #979797;
}
#new-commentaire {
padding: 15px;
}
}
.infos {
.split-row {
margin: 0 0 20px 0;
}
.entreprise-info {
font-size: 14px;
}
.entreprise-label {
font-weight: bold;
text-align: end;
}
}
#private-fields {
.text-primary {
color: #337ab7;
}
}
#pieces-jointes {
.piece-row {
margin: 20px;
.piece-label {
text-align: right;
font-weight: bold;
}
}
.modal-title {
color: #000000;
}
@ -91,24 +107,30 @@
.body {
padding: 20px 20px 0 20px;
color: #000000;
.libelle-procedure {
font-style: italic;
padding: 10px;
}
.depositaire-label {
font-weight: bold;
text-align: end;
}
.btn-action{
border: none;
margin: 20px 0 40px 0;
}
.btn-action:hover {
color: #EEEEEE;
}
.action {
margin: 50px 0 0 15px;
}
.action, .btn-action {
background-color: #E45B51;
text-align: center;
@ -121,43 +143,54 @@
font-size: 16px;
font-weight: bold;
text-decoration: none;
a:hover {
color: #EEEEEE;
}
}
.historique {
color: #000000;
margin-left: 20px;
}
.comments {
margin-right: -10px;
}
.comments-off {
margin-right: -35px;
}
.dossier-title {
font-size: 16px;
min-height: 40px;
text-align: center;
}
.split-hr {
border-bottom: 1px solid #979797;
height: 12px;
min-height: 10px;
}
.title-row {
margin: 20px 10px 10px 10px;
}
.margin-top-40 {
margin-top: 40px;
}
.margin-top-20 {
margin-top: 20px;
}
.margin-bot-40 {
margin-bottom: 40px;
}
}
#pieces_justificatives {
.piece-row {
margin: 0 0 0 0;

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

@ -45,21 +45,26 @@ h5 span {
#procedure_list, #notifications_list {
margin-left: -10px;
margin-top: 20px;
a, a:hover {
color: #FFFFFF;
text-decoration: none;
}
.procedure_list_element.active, .notification.active {
background-color: #668ABD;
}
.procedure_list_element, .notification {
padding: 15px 40px 15px 20px;
cursor: pointer;
line-height: 1.8em;
.progress-bar-warning {
background-color: #E4594F;
}
}
.procedure_list_element:hover, .notification:hover {
background-color: #668ABD;
cursor: pointer;

1
app/assets/stylesheets/etapes.scss
View file

@ -8,6 +8,7 @@
margin-top: 8px;
}
}
.etapes_informations{
padding-top: 15px;
}

38
app/assets/stylesheets/left_panel.scss
View file

@ -15,16 +15,19 @@
font-size: 16px;
line-height: 18px;
margin-top: 20px;
.infos {
font-size: 25px;
text-align: center;
margin: 10px 10px 30px 0;
.projet-name {
font-size: 25px;
line-height: normal;
padding: 5px;
}
}
.count {
display: inline-block;
padding: 3px;
@ -33,37 +36,45 @@
text-align: center;
line-height: 23px;
}
.text {
display: inline-block;
width: 30px;
margin: 0 0 0 8px;
}
.dossiers-en-cours, .en-cours {
margin-top: 20px;
}
.dossiers-en-cours {
.count {
border: 1px solid #FFFFFF;
}
}
.nouveaux-dossiers {
.count {
background-color: #5CB85C;
}
}
.nouvelles-notifications {
.count {
background-color: #E4594F;
}
}
.dossiers-en-cours, .nouveaux-dossiers, .nouvelles-notifications, .en-cours {
margin: 5px auto 0 20px;
width: 150px;
}
}
#action-block {
text-align: center;
margin: 10px;
.action {
background-color: #E45B51;
text-align: center;
@ -78,6 +89,7 @@
border: none;
width: 100%;
}
.close-dossier, .refuse-dossier, .forget-dossier {
border: 1px solid #FFFFFF;
border-radius: 25px;
@ -86,20 +98,25 @@
margin-right: auto;
width: 60px;
}
.close-dossier:hover, .refuse-dossier:hover, .forget-dossier:hover {
color: #000000;
border-color: #000000;
}
.close-dossier {
background-color: #2A9E2A;
}
.refuse-dossier {
background-color: #E4594F;
}
.forget-dossier {
background-color: #FF8300;
}
}
#menu-block {
#switch-buttons {
height: 30px;
@ -113,19 +130,23 @@
padding: 0 0 0 10px;
border-radius: 25px;
cursor: pointer;
.active {
background-color: #668ABD !important;
cursor: default;
}
.separator {
height: 26px;
width: 1px;
display: inline-block;
background-color: #FFFFFF;
}
#switch-procedures:hover, #switch-notifications:hover {
background-color: #668AEA;
}
#switch-procedures {
height: 28px;
margin: 0 0 0 -10px;
@ -134,6 +155,7 @@
display: inline-block;
border-radius: 25px 0 0 25px;
}
#switch-notifications {
width: 103px;
display: inline-block;
@ -143,18 +165,21 @@
padding: 0 0 0 5px;
}
}
.split-hr {
border-bottom: 1px solid #FFFFFF;
width: 200px;
margin: 20px 0 20px 0;
}
}
#infos-block {
.split-hr {
border-bottom: 1px solid #FFFFFF;
width: 200px;
margin: 20px 0 20px 0;
}
.dossier-state {
text-align: center;
font-size: 25px;
@ -163,24 +188,29 @@
margin-left: auto;
margin-right: auto;
}
#notifications_list {
.no-notification {
margin: 0 30px 0 30px;
}
.notification {
padding: 10px 2px 10px 15px;
.dossier, .updated-at {
display: inline-block;
color: #CCCCCC;
font-size: 12px;
text-align: left;
}
.dossier-index, .updated-at-index, .count {
display: inline-block;
color: #FFFFFF;
font-size: 14px;
text-align: left;
}
.count {
background-color: #F0AD4E;
border-radius: 25px;
@ -188,33 +218,41 @@
width: 25px;
text-align: center;
}
.type-notif {
font-size: 16px;
}
}
}
.notifications {
margin: 20px 10px 0 5px;
.fa {
font-size: 25px;
width: 100%;
margin: 0 0 15px 0;
}
.type-notif {
font-size: 16px;
float: right;
width: 30px;
}
.notification {
margin: 10px 0 10px 10px;
.type {
margin-bottom: 20px;
}
.updated-at {
color: #CCCCCC;
font-size: 12px;
text-align: left;
}
.split-hr {
width: 40px;
margin: auto;

18
app/assets/stylesheets/navbar.scss
View file

@ -8,6 +8,7 @@
z-index: 10;
border-radius: 0;
height: 60px;
#title_navbar{
color: #FFFFFF;
font-weight: bold;
@ -15,18 +16,22 @@
z-index: 10;
overflow: hidden;
}
#title_navbar:hover{
text-decoration: none;
}
#home {
text-align: center;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5);
background-color: #003189;
height: 60px;
.logo {
margin-top: 10px;
height: 40px;
}
#tps-title {
font-family: Arial;
font-size: 24px;
@ -35,11 +40,13 @@
margin-top: 17px;
}
}
#navbar-body {
min-height: 60px;
background-color: #FFFFFF;
box-shadow: 0 1px 2px 0 rgba(50,50,50,0.5);
padding-left: 50px;
.main-info {
font-family: Arial;
font-size: 18px;
@ -51,6 +58,7 @@
white-space: nowrap;
text-overflow: ellipsis;
}
.options {
font-family: Arial;
font-size: 14px;
@ -60,18 +68,22 @@
padding: 8px;
border-right: 1px solid #C8C6C8;
min-height: 60px;
.dropdown-toggle {
cursor: pointer;
}
.dropdown-pannel {
min-height: 100px;
width: 400px;
padding-left: 10px;
}
.centered-option {
line-height: 40px;
height: 40px;
}
.caret-right {
border-bottom: 4px solid transparent;
border-top: 4px solid transparent;
@ -86,6 +98,7 @@
#sign_in{
margin-top: 7px;
.btn {
float: right;
margin-right: 15px;
@ -103,6 +116,7 @@
margin-right: 0.5em;
font-size: 40px;
}
.fa:hover {
color: #668ABD;
}
@ -145,6 +159,7 @@
.navbar {
border: 0 !important;
.sign_in_FC {
margin-top: -18px;
height: 70px;
@ -181,11 +196,13 @@
text-align: center;
padding: 2px;
float: right;
.fa {
font-size: 20px;
margin-right: 10px;
}
}
.button-navbar-action:hover {
color: $light-blue;
}
@ -200,6 +217,7 @@
padding: 10px;
left: -130px;
text-align: center;
.description {
font-weight: bold;
font-size: 20px;

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

@ -8,6 +8,7 @@ $blue-hover: rgba(61, 149, 236, 0.8);
$default-space: 15px;
$new-h1-margin-bottom: 4 * $default-space;
.new-h1 {
color: $dark-grey;
text-align: center;
@ -16,6 +17,7 @@ $new-h1-margin-bottom: 4 * $default-space;
}
$statistiques-padding-top: $default-space * 2;
.statistiques {
width: 1040px;
margin: 0 auto;
@ -29,6 +31,7 @@ $statistiques-padding-top: $default-space * 2;
}
$stat-card-margin-bottom: 3 * $default-space;
.stat-card {
@extend .card;
margin-bottom: $stat-card-margin-bottom;
@ -38,6 +41,7 @@ $stat-card-margin-bottom: 3 * $default-space;
}
$stat-card-half-horizontal-spacing: 4 * $default-space;
.stat-card-half {
width: calc((100% - #{$stat-card-half-horizontal-spacing}) / 2);
margin-right: 3 * $default-space;
@ -51,6 +55,7 @@ $stat-card-half-horizontal-spacing: 4 * $default-space;
}
$segmented-control-margin-top: $default-space;
.segmented-control {
border-radius: 36px;
height: 36px;
@ -63,6 +68,7 @@ $segmented-control-margin-top: $default-space;
$segmented-control-item-horizontal-padding: $default-space;
$segmented-control-item-border-radius: 2 * $default-space;
.segmented-control-item {
display: inline-block;
font-size: 15px;
@ -102,6 +108,7 @@ $segmented-control-item-border-radius: 2 * $default-space;
}
$big-number-card-padding: 2 * $segmented-control-item-border-radius;
.big-number-card {
padding: $big-number-card-padding;
}

1
app/assets/stylesheets/support_navigator_banner.scss
View file

@ -9,6 +9,7 @@
bottom: 0;
left: 0;
z-index: 1000;
a{
color: #c3d9ff;
}

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

@ -7,9 +7,11 @@
.default_data_block {
margin-top: 20px;
background-color: #FFFFFF;
.show-block {
width: 100%;
}
.body {
height: auto;
}
@ -26,6 +28,7 @@
.white-back {
margin: 20px !important;
#previsualisation {
margin-top: 30px;
}
@ -35,6 +38,7 @@
background-color: #FFFFFF;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
padding: 20px;
.action {
background-color: #E45B51;
text-align: center;
@ -46,12 +50,15 @@
border: none;
padding: 10px;
}
.action:hover {
color: $light-blue;
}
.padding-left-30 {
padding-left: 30px;
}
h3 {
margin-bottom: 20px;
}