Bert Leunis pushed to branch feature/CHANNELMGR-1391 at cms-community / hippo-addon-channel-manager
Commits: 5835eac9 by Bert Leunis at 2018-03-22T13:48:45+01:00 CHANNELMGR-1391 improve styling of multi value date fields The nested md-input-container around the hours and minutes fields have no margin now. Also styled the label to be left aligned in the editor, like the labels for other fields. - - - - - 1 changed file: - frontend-ng/src/app/channel/sidePanels/rightSidePanel/contentEditor/fields/dateField/dateField.scss Changes: ===================================== frontend-ng/src/app/channel/sidePanels/rightSidePanel/contentEditor/fields/dateField/dateField.scss ===================================== --- a/frontend-ng/src/app/channel/sidePanels/rightSidePanel/contentEditor/fields/dateField/dateField.scss +++ b/frontend-ng/src/app/channel/sidePanels/rightSidePanel/contentEditor/fields/dateField/dateField.scss @@ -5,7 +5,7 @@ * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * - * http://www.apache.org/licenses/LICENSE-2.0 + * http://www.apache.org/licenses/LICENSE-2.01 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, @@ -15,7 +15,14 @@ */ @import 'variables'; +.md-input-focused._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) { + left: 0; + right: auto; + width: 100%; +} + date-field { + .md-datepicker-input-container { z-index: 2; border-bottom-width: 0; @@ -30,19 +37,23 @@ date-field { min-width: 200px; } - .timepart { - text-align: right; - width: 25px; - } + > md-input-container { + margin: 0; - md-input-container:not(md-input-focused) > input.timepart { - border-bottom: 1px solid $grey-300 !important; - padding-bottom: 1px !important; - } + .timepart { + text-align: right; + width: 25px; + } + + md-input-container:not(md-input-focused) > input.timepart { + border-bottom: 1px solid $grey-300 !important; + padding-bottom: 1px !important; + } - md-input-container.md-input-focused > input.timepart { - border-bottom: 2px solid $blue-500 !important; - padding-bottom: 0 !important; + md-input-container.md-input-focused > input.timepart { + border-bottom: 2px solid $blue-500 !important; + padding-bottom: 0 !important; + } } .now-button { View it on GitLab: https://code.onehippo.org/cms-community/hippo-addon-channel-manager/commit/5835eac97c1d06f39a37033f61150fb7c2448f0f --- View it on GitLab: https://code.onehippo.org/cms-community/hippo-addon-channel-manager/commit/5835eac97c1d06f39a37033f61150fb7c2448f0f You're receiving this email because of your account on code.onehippo.org.
_______________________________________________ Hippocms-svn mailing list Hippocms-svn@lists.onehippo.org https://lists.onehippo.org/mailman/listinfo/hippocms-svn