demarches-normaliennes/app/assets/stylesheets/procedure_champs_editor.scss

162 lines
2.5 KiB
SCSS
Raw Normal View History

2018-11-14 16:26:00 +01:00
@import "colors";
2019-02-12 15:50:49 +01:00
@import "constants";
2018-11-14 16:26:00 +01:00
.type-de-champ {
width: 100%;
background-color: #FAFDFF;
2018-11-14 16:26:00 +01:00
border: 1px solid $border-grey;
border-radius: 5px;
margin-bottom: $default-padding * 2;
box-shadow: 0px 2px 4px -4px;
overflow: hidden;
.handle.icon {
width: 32px;
height: 32px;
background-size: 32px;
margin-left: 7px;
margin-right: 16px;
align-self: center;
cursor: grab;
opacity: 0.8;
&:hover {
opacity: 0.4;
}
2018-11-14 16:26:00 +01:00
}
.move {
height: 44px;
border-radius: 25px;
margin-right: 10px;
&:first-of-type {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin-bottom: -1px;
}
&:last-of-type {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
2018-11-14 16:26:00 +01:00
}
.head {
background-color: #D9ECFF;
select {
margin-bottom: 0px;
}
}
2018-11-14 16:26:00 +01:00
&.type-header-section {
&,
.head {
2021-09-20 15:04:24 +02:00
background-color: $blue-france-500;
}
.head .icon {
filter: contrast(0%) brightness(200%);
opacity: 0.9;
}
2018-11-14 16:26:00 +01:00
label {
color: $light-grey;
}
}
.flex {
2018-11-14 16:26:00 +01:00
&.section {
padding: 10px 10px 0 10px;
margin-bottom: 8px;
}
&.hr {
border-bottom: 1px solid $border-grey;
&.head {
border-bottom: 1px solid #D4E5F5;
2018-11-14 16:26:00 +01:00
padding-bottom: 10px;
}
}
&.shift-left {
margin-left: 55px;
2018-11-14 16:26:00 +01:00
}
&.delete {
flex-grow: 1;
display: flex;
justify-content: flex-end;
}
}
.cell {
margin-right: 20px;
&.small {
width: 90px;
}
&.libelle {
width: 300px;
}
label {
margin-bottom: 8px;
text-transform: uppercase;
font-size: 12px;
}
}
.carte-options {
label {
font-weight: initial;
}
}
.inline {
display: inline;
}
}
.champs-editor {
.footer {
height: 50px;
}
2019-02-12 15:50:49 +01:00
.buttons {
display: flex;
justify-content: space-between;
2019-04-03 16:38:33 +02:00
margin-left: -30px;
position: fixed;
bottom: 0px;
background-color: $white;
2019-04-03 16:38:33 +02:00
max-width: 1100px;
width: 100%;
border: 1px solid $border-grey;
2019-04-03 16:38:33 +02:00
padding: 30px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
2019-04-03 16:38:33 +02:00
border-bottom: none;
padding-bottom: 15px;
padding-top: 15px;
}
.fill-duration {
align-self: center;
font-size: 14px;
a {
text-decoration: underline;
text-decoration-style: dotted;
// Remove the icon indicating an external link (for less visual noise)
&[target="_blank"]::after {
display: none;
}
}
}
2018-11-14 16:26:00 +01:00
}