form-post-create.css in Open Social 8.9
.form--post-create {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.form--post-create .field--name-field-post {
flex: 1 0 100%;
}
.form--post-create .field--name-field-post .filter-wrapper {
margin-bottom: 0;
}
.form--post-create .field--name-field-post .form-control {
min-height: 4em;
}
.form--post-create .field--name-field-post-image {
flex: 1 1 100%;
position: relative;
}
.form--post-create .field--name-field-post-image .btn-default {
width: 100%;
margin-bottom: 1rem;
}
.form--post-create .field--name-field-post-image .preview {
display: inline-block;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
width: auto;
}
.form--post-create .field--name-field-post-image .image-widget {
display: flex;
justify-content: flex-end;
position: relative;
margin-bottom: 1rem;
}
.form--post-create .field--name-field-post-image .image-widget.hidden {
display: block !important;
height: 0;
margin-bottom: 0 !important;
}
.form--post-create .field--name-field-post-image .image-widget.hidden .form-file {
display: none;
}
.form--post-create .field--name-field-post-image .image-widget.hidden .form-submit {
position: absolute;
z-index: 10;
}
.form--post-create .field--name-field-post-visibility {
flex: 1 1 auto;
align-self: flex-end;
}
.form--post-create .btn-primary {
flex: 0 1 auto;
margin-left: 0.5rem;
align-self: flex-end;
}
@media (min-width: 600px) {
.form--post-create .field--name-field-post-image .image-widget.hidden .form-submit {
position: relative;
top: -2px;
left: 150px;
right: auto;
}
.form--post-create .field--name-field-post-image {
flex-basis: auto;
margin-bottom: 0;
}
.form--post-create .field--name-field-post-image .btn-default {
width: auto;
margin-bottom: 0;
}
.form--post-create .field--name-field-post-visibility {
flex-grow: 0;
}
.form--post-create .btn-primary {
flex-grow: 0;
}
}
@media (max-width: 599px) {
.form--post-create .field--name-field-post-image .image-widget.hidden .form-submit {
width: 29px;
height: 29px;
top: 3px;
right: 3px;
}
.form--post-create .field--name-field-post-image .image-widget.hidden .form-submit .ajax-throbber {
top: 4px;
left: 4px;
}
}
File
themes/socialbase/assets/css/form-post-create.css
View source
- .form--post-create {
- display: flex;
- flex-wrap: wrap;
- justify-content: flex-end;
- }
-
- .form--post-create .field--name-field-post {
- flex: 1 0 100%;
- }
-
- .form--post-create .field--name-field-post .filter-wrapper {
- margin-bottom: 0;
- }
-
- .form--post-create .field--name-field-post .form-control {
- min-height: 4em;
- }
-
- .form--post-create .field--name-field-post-image {
- flex: 1 1 100%;
- position: relative;
- }
-
- .form--post-create .field--name-field-post-image .btn-default {
- width: 100%;
- margin-bottom: 1rem;
- }
-
- .form--post-create .field--name-field-post-image .preview {
- display: inline-block;
- box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
- width: auto;
- }
-
- .form--post-create .field--name-field-post-image .image-widget {
- display: flex;
- justify-content: flex-end;
- position: relative;
- margin-bottom: 1rem;
- }
-
- .form--post-create .field--name-field-post-image .image-widget.hidden {
- display: block !important;
- height: 0;
- margin-bottom: 0 !important;
- }
-
- .form--post-create .field--name-field-post-image .image-widget.hidden .form-file {
- display: none;
- }
-
- .form--post-create .field--name-field-post-image .image-widget.hidden .form-submit {
- position: absolute;
- z-index: 10;
- }
-
- .form--post-create .field--name-field-post-visibility {
- flex: 1 1 auto;
- align-self: flex-end;
- }
-
- .form--post-create .btn-primary {
- flex: 0 1 auto;
- margin-left: 0.5rem;
- align-self: flex-end;
- }
-
- @media (min-width: 600px) {
- .form--post-create .field--name-field-post-image .image-widget.hidden .form-submit {
- position: relative;
- top: -2px;
- left: 150px;
- right: auto;
- }
- .form--post-create .field--name-field-post-image {
- flex-basis: auto;
- margin-bottom: 0;
- }
- .form--post-create .field--name-field-post-image .btn-default {
- width: auto;
- margin-bottom: 0;
- }
- .form--post-create .field--name-field-post-visibility {
- flex-grow: 0;
- }
- .form--post-create .btn-primary {
- flex-grow: 0;
- }
- }
-
- @media (max-width: 599px) {
- .form--post-create .field--name-field-post-image .image-widget.hidden .form-submit {
- width: 29px;
- height: 29px;
- top: 3px;
- right: 3px;
- }
- .form--post-create .field--name-field-post-image .image-widget.hidden .form-submit .ajax-throbber {
- top: 4px;
- left: 4px;
- }
- }