'wcfInputDisabledBorder': '#spInputDisabled { border-color: VALUE; }',
'wcfInputDisabledText': '#spInputDisabled { color: VALUE; }',
'wcfButtonBackground': '#spButton .button { background-color: VALUE; }',
- 'wcfButtonBorder': '#spButton .button { border-color: VALUE; }',
'wcfButtonText': '#spButton .button { color: VALUE; }',
'wcfButtonBackgroundActive': '#spButton .button.active, #spButton .button:hover { background-color: VALUE; }',
- 'wcfButtonBorderActive': '#spButton .button.active, #spButton .button:hover { border-color: VALUE; }',
'wcfButtonTextActive': '#spButton .button.active, #spButton .button:hover { color: VALUE; }',
'wcfButtonPrimaryBackground': '#spButtonPrimary .button { background-color: VALUE; }',
- 'wcfButtonPrimaryBorder': '#spButtonPrimary .button { border-color: VALUE; }',
'wcfButtonPrimaryText': '#spButtonPrimary .button { color: VALUE; }',
'wcfButtonPrimaryBackgroundActive': '#spButtonPrimary .button.active, #spButtonPrimary .button:hover { background-color: VALUE; }',
- 'wcfButtonPrimaryBorderActive': '#spButtonPrimary .button.active, #spButtonPrimary .button:hover { border-color: VALUE; }',
'wcfButtonPrimaryTextActive': '#spButtonPrimary .button.active, #spButtonPrimary .button:hover { color: VALUE; }',
'wcfButtonDisabledBackground': '#spButton .button.disabled, #spButtonPrimary .button.disabled { background-color: VALUE; }',
- 'wcfButtonDisabledBorder': '#spButton .button.disabled, #spButtonPrimary .button.disabled { border-color: VALUE; }',
'wcfButtonDisabledText': '#spButton .button.disabled, #spButtonPrimary .button.disabled { color: VALUE; }',
'wcfDropdownBackground': '#spDropdown { background-color: VALUE; } __COMBO_RULE__ #spDropdown::before { border-bottom-color: VALUE; }',
- 'wcfDropdownBorder': '#spDropdown { border-color: VALUE; } __COMBO_RULE__ #spDropdown::after { border-bottom-color: VALUE; }',
'wcfDropdownBorderInner': '#spDropdown .dropdownDivider { border-color: VALUE; }',
'wcfDropdownText': '#spDropdown { color: VALUE; }',
'wcfDropdownLink': '#spDropdown a { color: VALUE; }',
this._selectItem(0);
if (offset.top + this._dropdownMenu.offsetHeight + 10 > window.innerHeight + window.scrollY) {
- this._dropdownMenu.classList.add('dropdownArrowBottom');
-
this._dropdownMenu.style.setProperty('top', offset.top - this._dropdownMenu.offsetHeight - 2 * this._lineHeight + 7 + 'px', '');
}
- else {
- this._dropdownMenu.classList.remove('dropdownArrowBottom');
- }
},
_selectItem: function(step) {
*/
public $availableUnits = ['px', 'em', '%', 'pt'];
+ /**
+ * @var array
+ */
public $colorCategories = [];
/**
'wcfTabularBox' => ['borderInner', 'headline', 'backgroundActive', 'headlineActive'],
'wcfInput' => ['background', 'border', 'text', 'placeholder', 'backgroundActive', 'borderActive', 'textActive'],
'wcfInputDisabled' => ['background', 'border', 'text'],
- 'wcfButton' => ['background', 'border', 'text', 'backgroundActive', 'borderActive', 'textActive'],
- 'wcfButtonPrimary' => ['background', 'border', 'text', 'backgroundActive', 'borderActive', 'textActive'],
- 'wcfButtonDisabled' => ['background', 'border', 'text'],
- 'wcfDropdown' => ['background', 'border', 'borderInner', 'text', 'link', 'backgroundActive', 'linkActive'],
+ 'wcfButton' => ['background', 'text', 'backgroundActive', 'textActive'],
+ 'wcfButtonPrimary' => ['background', 'text', 'backgroundActive', 'textActive'],
+ 'wcfButtonDisabled' => ['background', 'text'],
+ 'wcfDropdown' => ['background', 'borderInner', 'text', 'link', 'backgroundActive', 'linkActive'],
'wcfStatusInfo' => ['background', 'border', 'text', 'link', 'linkActive'],
'wcfStatusSuccess' => ['background', 'border', 'text', 'link', 'linkActive'],
'wcfStatusWarning' => ['background', 'border', 'text', 'link', 'linkActive'],
border-top-right-radius: 0;
}
- &.dropdownArrowRight {
- &::after {
- left: auto;
- right: 9px;
- }
-
- &::before {
- left: auto;
- right: 10px;
- }
- }
-
- &.dropdownArrowBottom {
- &::after {
- border: 10px transparent solid;
- border-top-color: $wcfDropdownBorder;
- border-bottom-width: 0;
- bottom: -10px;
- top: auto;
- }
-
- &::before {
- border: 9px transparent solid;
- border-top-color: $wcfDropdownBackground;
- border-bottom-width: 0;
- bottom: -9px;
- top: auto;
- }
- }
-
&.dropdownOpen {
display: block;
visibility: visible;
&:not(.button) {
background-color: $wcfButtonBackground;
- border: 1px solid $wcfButtonBorder;
+ border: 1px solid $wcfInputBorder;
color: $wcfButtonText;
cursor: default;
padding: 3px 5px;
}
> .inputPrefix {
- margin-right: 5px;
+ border-right-width: 0 !important;
}
> .inputSuffix {
- margin-left: 5px;
+ border-left-width: 0 !important;
}
input {
&.active,
&:hover {
background-color: $wcfButtonBackgroundActive;
- border-color: $wcfButtonBorderActive;
color: $wcfButtonTextActive;
}
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('useGoogleFont', '1');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonBackground', 'rgba(207, 216, 220, 1)');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonBackgroundActive', 'rgba(120, 144, 156, 1)');
-INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonBorder', 'rgba(127, 140, 141, 1)'); -- no longer in use (ACP style editor needs to be updated first)
-INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonBorderActive', 'rgba(52, 73, 94, 1)'); -- no longer in use (ACP style editor needs to be updated first)
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonDisabledBackground', 'rgba(223, 223, 223, 1)');
-INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonDisabledBorder', 'rgba(173, 176, 179, 1)');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonDisabledText', 'rgba(165, 165, 165, 1)');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonPrimaryBackground', 'rgba(33, 150, 243, 1)');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonPrimaryBackgroundActive', 'rgba(26, 119, 201, 1)');
-INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonPrimaryBorder', 'rgba(79, 129, 189, 1)'); -- no longer in use (ACP style editor needs to be updated first)
-INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonPrimaryBorderActive', 'rgba(79, 129, 189, 1)'); -- no longer in use (ACP style editor needs to be updated first)
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonPrimaryText', 'rgba(255, 255, 255, 1)');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonPrimaryTextActive', 'rgba(255, 255, 255, 1)');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonText', 'rgba(33, 33, 33, 1)');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfContentText', 'rgba(44, 62, 80, 1)');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfDropdownBackground', 'rgba(255, 255, 255, 1)');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfDropdownBackgroundActive', 'rgba(238, 238, 238, 1)');
-INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfDropdownBorder', 'rgba(55, 73, 95, 1)'); -- no longer in use (ACP style editor needs to be updated first)
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfDropdownBorderInner', 'rgba(238, 238, 238, 1)');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfDropdownLink', 'rgba(33, 33, 33, 1)');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfDropdownLinkActive', 'rgba(33, 33, 33, 1)');