mirrors/zotero
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Remove shadow root from StyleConfigurator #3082

Browse source 
Also renamed style-configurator.scss -> styleConfigurator.scss
This commit is contained in:
Tom Najdek 2023-04-26 14:26:37 +02:00
parent 947fa2b558
commit 842f474939
No known key found for this signature in database
GPG key ID: EEC61A7B4C667D77
4 changed files with 80 additions and 102 deletions
Download patch file Download diff file Expand all files Collapse all files

1
scss/_zotero.scss
View file

@ -57,5 +57,6 @@
@import "elements/notesBox";
@import "elements/quickSearchTextbox";
@import "elements/richlistCheckbox";
@import "elements/styleConfigurator";
@import "elements/tagsBox";
@import "elements/zoteroSearch";

56
scss/elements/_styleConfigurator.scss Normal file
View file

@ -0,0 +1,56 @@
style-configurator {
display: block;
width: 100%;
style-selector {
display: block;
}
richlistbox {
padding: var(--style-configurator-richlistbox-padding, 2px);
max-height: var(--style-configurator-richlistitem-max-height, 260px);
overflow: var(--style-configurator-richlistitem-overflow, auto scroll);
richlistitem {
line-height: var(--style-configurator-richlistitem-line-height, 1.5em);
}
@media (-moz-platform: macos) {
&:not(:focus) richlistitem[selected="true"] {
background-color: -moz-mac-secondaryhighlight;
}
}
}
.locale-selector-wrapper,
.style-selector-wrapper,
.display-as-wrapper {
background-color: var(--style-configurator-field-wrapper-background-color, $input-group-background-color);
border-radius: var(--style-configurator-field-wrapper-border-radius, $border-radius-base);
border: var(--style-configurator-field-wrapper-border, 1px solid $input-group-border-color);
margin: var(--style-configurator-field-margin, 1.5em 0 0 0);
padding: var(--style-configurator-field-padding, $space-xs);
}
label[for="style-selector"] {
margin: var(--style-configurator-label-margin, 1.5em 0 0 0);
font-size: var(--style-configurator-label-font-size, 13px);
}
.style-selector-wrapper {
margin: var(--style-configurator-style-field-margin, 0);
}
.locale-selector-wrapper {
display: flex;
align-items: center;
}
.display-as-wrapper {
radiogroup {
display: flex;
flex-direction: row;
}
}
}

58
scss/elements/style-configurator.scss
View file

@ -1,58 +0,0 @@
@import "../abstracts/variables";
@import "../abstracts/functions";
@import "../abstracts/mixins";
@import "../abstracts/placeholders";
@import "../abstracts/utilities";
@import "../themes/light";
:host {
display: block;
width: 100%;
}
richlistbox {
padding: var(--style-configurator-richlistbox-padding, 2px);
max-height: var(--style-configurator-richlistitem-max-height, 260px);
overflow: var(--style-configurator-richlistitem-overflow, auto scroll);
richlistitem {
line-height: var(--style-configurator-richlistitem-line-height, 1.5em);
}
@media (-moz-platform: macos) {
&:not(:focus) richlistitem[selected="true"] {
background-color: -moz-mac-secondaryhighlight;
}
}
}
#locale-selector-wrapper,
#style-selector-wrapper,
#display-as-wrapper {
background-color: var(--style-configurator-field-wrapper-background-color, $input-group-background-color);
border-radius: var(--style-configurator-field-wrapper-border-radius, $border-radius-base);
border: var(--style-configurator-field-wrapper-border, 1px solid $input-group-border-color);
margin: var(--style-configurator-field-margin, 1.5em 0 0 0);
padding: var(--style-configurator-field-padding, $space-xs);
}
label[for="style-selector"] {
margin: var(--style-configurator-label-margin, 1.5em 0 0 0);
font-size: var(--style-configurator-label-font-size, 13px);
}
#style-selector-wrapper {
margin: var(--style-configurator-style-field-margin, 0);
}
#locale-selector-wrapper {
display: flex;
align-items: center;
}
#display-as-wrapper {
radiogroup {
display: flex;
flex-direction: row;
}
}