Commit 36eb86a1 authored by Agami4's avatar Agami4
Browse files

Merge branch '1.3.x' of git.drupal.org:project/socialblue into...

Merge branch '1.3.x' of git.drupal.org:project/socialblue into feature/3239806-new-layout-structure-form-elements-visibility-section
parents cf19c002 bb8b308f
......@@ -23,6 +23,9 @@
}
@media (max-width: 599px) {
.dropdown-menu.dropdown-menu--visibility {
left: 0;
}
.dropdown.has-alert > a:before {
color: #4d4d4d;
background-color: #ffc142;
......
......@@ -139,6 +139,8 @@ fieldset strong {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -.25rem;
}
......@@ -363,6 +365,8 @@ fieldset strong {
display: -ms-flexbox;
display: flex;
margin: 0 -.5rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#edit-author-info .form-inline label,
......@@ -491,3 +495,93 @@ fieldset strong {
.enrollment-methods .panel-body .panel-heading header {
font-weight: 300;
}
@media (max-width: 599px) {
.field--name-field-social-collaboration-editors table tbody td .form-type-select,
.field--name-field-event-managers table tbody td .form-type-select,
.field--name-field-social-idea-coauthors table tbody td .form-type-select,
.field--name-field-discussion-moderator table tbody td .form-type-select,
.field--name-field-course-related-courses table tbody td .form-type-select {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 1rem;
}
.field--name-field-social-collaboration-editors table tbody td .form-type-select + .form-item,
.field--name-field-event-managers table tbody td .form-type-select + .form-item,
.field--name-field-social-idea-coauthors table tbody td .form-type-select + .form-item,
.field--name-field-discussion-moderator table tbody td .form-type-select + .form-item,
.field--name-field-course-related-courses table tbody td .form-type-select + .form-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.field--name-field-social-collaboration-editors table tbody td .input-group,
.field--name-field-event-managers table tbody td .input-group,
.field--name-field-social-idea-coauthors table tbody td .input-group,
.field--name-field-discussion-moderator table tbody td .input-group,
.field--name-field-course-related-courses table tbody td .input-group {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
#edit-author-info .form-inline,
#edit-tab-settings .form-inline,
#edit-menu .form-inline,
#edit-content-translation .form-inline,
.field--name-field-event-date .form-inline,
.field--name-field-event-date-end .form-inline,
.field--type-address .form-inline,
.enrollment-methods .form-inline,
.field--name-field-discussion-date .form-inline {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#edit-author-info .form-inline > *,
#edit-tab-settings .form-inline > *,
#edit-menu .form-inline > *,
#edit-content-translation .form-inline > *,
.field--name-field-event-date .form-inline > *,
.field--name-field-event-date-end .form-inline > *,
.field--type-address .form-inline > *,
.enrollment-methods .form-inline > *,
.field--name-field-discussion-date .form-inline > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 276px;
}
#edit-author-info .form-inline > *:nth-child(1),
#edit-tab-settings .form-inline > *:nth-child(1),
#edit-menu .form-inline > *:nth-child(1),
#edit-content-translation .form-inline > *:nth-child(1),
.field--name-field-event-date .form-inline > *:nth-child(1),
.field--name-field-event-date-end .form-inline > *:nth-child(1),
.field--type-address .form-inline > *:nth-child(1),
.enrollment-methods .form-inline > *:nth-child(1),
.field--name-field-discussion-date .form-inline > *:nth-child(1) {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 276px;
}
.field--name-field-discussion-date .card__block {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.field--name-field-discussion-date .card__block > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 0;
}
.field--name-field-discussion-date .card__block > * .form-inline {
margin-bottom: 0;
}
}
......@@ -48,3 +48,10 @@
.list-item__avatar img {
border-radius: 50%;
}
@media (max-width: 599px) {
.dropdown-menu--visibility .list-item--active > a,
.dropdown-menu--visibility .list-item--active:hover > a {
white-space: normal;
}
}
......@@ -36,6 +36,10 @@
.dropdown-menu--visibility .list-item--active:hover > a {
color: inherit;
border-color: inherit;
@include for-phone-only {
white-space: normal;
}
}
.list-item--active,
......
......@@ -3,6 +3,12 @@
.dropdown-menu {
border-radius: 3px;
&.dropdown-menu--visibility {
@include for-phone-only {
left: 0;
}
}
// Links within the dropdown menu
> li > a {
font-weight: 300;
......
......@@ -129,6 +129,7 @@ fieldset {
> .form-group {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 0 -.25rem;
> * {
......@@ -144,10 +145,26 @@ fieldset {
.form-type-select {
flex: 0 0 104px;
max-width: 104px;
@include for-phone-only {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 1rem;
+ .form-item {
flex: 0 0 100%;
max-width: 100%;
}
}
}
.input-group {
max-width: 240px;
@include for-phone-only {
flex: 0 0 100%;
max-width: 100%;
}
}
}
}
......@@ -241,6 +258,11 @@ fieldset {
.form-inline {
display: flex;
margin: 0 -.5rem;
flex-wrap: wrap;
@include for-phone-only {
flex-direction: column;
}
label {
margin-bottom: .5rem;
......@@ -250,9 +272,19 @@ fieldset {
flex: 1;
padding: 0 .5rem;
@include for-phone-only {
flex: 0 0 auto;
max-width: 276px;
}
&:nth-child(1) {
flex: 0 0 240px;
max-width: 240px;
@include for-phone-only {
flex: 0 0 auto;
max-width: 276px;
}
}
}
......@@ -293,15 +325,30 @@ fieldset {
display: flex;
margin: 0 -.5rem;
@include for-phone-only {
flex-wrap: wrap;
}
> * {
flex: 0 0 50%;
max-width: 50%;
padding: 0 .5rem;
.form-inline > * {
flex: 1;
@include for-phone-only {
flex: 0 0 100%;
max-width: 100%;
}
.form-inline {
@include for-phone-only {
margin-bottom: 0;
}
> * {
flex: 1;
max-width: 100%;
}
}
}
input[type='text'].form-date {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment