Revisit page edit object definition

This commit is contained in:
Thibaud Colas 2018-01-15 17:38:07 +02:00
parent bc2a4c3560
commit a03521f575

View file

@ -41,6 +41,8 @@
}
}
$object-title-height: 40px;
// An object is the basic wrapper around any field or group of fields in the editor interface
.object {
@include nice-padding();
@ -55,7 +57,7 @@
}
fieldset {
padding-top: 4em;
padding-top: $object-title-height + 12px;
padding-left: 0;
padding-right: 0;
}
@ -64,11 +66,12 @@
display: block;
position: relative;
z-index: 1;
top: 1em;
top: $object-title-height;
margin-top: 0;
padding-top: 1em;
padding-right: $grid-gutter-width / 2;
margin-top: 4em;
opacity: 1;
padding-left: 3em;
opacity: 1;
&:before {
border-radius: 100%;
@ -92,13 +95,15 @@
}
> h2 {
box-sizing: border-box;
height: $object-title-height;
-webkit-font-smoothing: auto;
background: $color-salmon-light;
color: #200200;
text-transform: uppercase;
padding: 0.9em 0 0.9em 4.1em;
font-size: 0.95em;
margin: 0 0 0.2em;
margin: 0;
line-height: 1.5em;
font-weight: normal;
position: absolute;
@ -421,14 +426,10 @@ footer .preview {
.object-help {
@include column(2);
display: block;
position: absolute;
z-index: 1;
right: 0;
top: 1em;
padding-right: $grid-gutter-width / 2;
float: right;
margin-top: 4em;
opacity: 0;
padding-left: 3em;
}
@ -454,7 +455,8 @@ footer .preview {
// Override column mixin for column items.
float: none;
margin-left: -51px;
padding: 3.2em 0 0;
padding: 0;
padding-top: $object-title-height;
}
input,