Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Unify labels in form editor style settings panels

Browse Source 
[MAILPOET-3382]
This commit is contained in:
Rostislav Wolny
2021-01-29 10:03:41 +01:00
committed by Veljko V
parent b794e95ffb
commit 9f8bcd782f
1 changed files with 21 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
assets/css/src/components-form-editor/_sidebar-style-settings.scss
View File

@@ -27,14 +27,6 @@
} }
} }
.mailpoet-styles-settings-heading {
font-size: 15px;
.component-color-indicator {
vertical-align: text-bottom;
}
}
.mailpoet-font-family-select { .mailpoet-font-family-select {
button { button {
width: 100%; width: 100%;
@@ -104,3 +96,24 @@
vertical-align: text-bottom; vertical-align: text-bottom;
} }
} }
// Styles for labels and headings for style setting components
// We override some styles from @wordpress/components to have unified labels appearance
.mailpoet-styles-settings .mailpoet-styles-settings-heading,
.mailpoet-styles-settings .components-base-control__label,
.mailpoet-styles-settings .components-input-control__label,
.mailpoet-styles-settings .components-custom-select-control__label,
.mailpoet-styles-settings .components-font-size-picker label {
font-size: 13px;
font-weight: bold;
margin-bottom: .5em;
.component-color-indicator {
vertical-align: text-bottom;
}
}
// Fix for alignment of font size picker inputs
.mailpoet-styles-settings .components-font-size-picker__number-container label {
margin-bottom: 0;
}