0x1eef/al-quran.reflectslight.io
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

s/selected-option/selected/g

Browse source
This commit is contained in:
0x1eef 2024-04-30 01:46:22 -03:00
parent 4f436062e5
commit 9e6297f316
7 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/css/_base.scss
View file

@ -37,7 +37,7 @@ body .root .content.theme {
width: 100%; width: 100%;
} }
.react-select.theme { .react-select.theme {
.selected-option { .selected {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
@ -106,7 +106,7 @@ body .root .content.theme.ar {
right: 3px; right: 3px;
} }
} }
.selected-option { .selected {
font-size: x-large; font-size: x-large;
} }
} }

6
src/css/base/_select.scss
View file

@ -6,7 +6,7 @@
height: 20px; height: 20px;
z-index: 3; z-index: 3;
.selected-option { .selected {
cursor: pointer; cursor: pointer;
} }
@ -58,7 +58,7 @@
} }
.react-select.theme { .react-select.theme {
.selected-option { .selected {
.circle { .circle {
display: block; display: block;
width: 16px; width: 16px;
@ -100,7 +100,7 @@
.content.theme.ar { .content.theme.ar {
.react-select.language { .react-select.language {
.selected-option span { .selected span {
position: relative; position: relative;
bottom: 8px; bottom: 8px;
} }

2
src/css/themes/blue.scss
View file

@ -18,7 +18,7 @@
} }
.react-select.theme { .react-select.theme {
.selected-option { .selected {
.circle { .circle {
background: $primary-color; background: $primary-color;
border-radius: 10px; border-radius: 10px;

4
src/css/themes/blue/base/_select.scss
View file

@ -2,7 +2,7 @@
@import "themes/blue/base/colors"; @import "themes/blue/base/colors";
.react-select.theme { .react-select.theme {
.selected-option .circle { .selected .circle {
background: $primary-color; background: $primary-color;
} }
ul li.blue .circle { ul li.blue .circle {
@ -15,7 +15,7 @@
@import "themes/blue/base/colors"; @import "themes/blue/base/colors";
.react-select.language { .react-select.language {
.selected-option { .selected {
color: $primary-color; color: $primary-color;
} }
} }

4
src/css/themes/green.scss
View file

@ -3,7 +3,7 @@
direction: rtl; direction: rtl;
.react-select.language { .react-select.language {
.selected-option { color: $primary-color; } .selected { color: $primary-color; }
} }
} }
@ -23,7 +23,7 @@
} }
.react-select.theme { .react-select.theme {
.selected-option { .selected {
.circle { .circle {
background: $primary-color; background: $primary-color;
border-radius: 10px; border-radius: 10px;

2
src/css/themes/green/base/_select.scss
View file

@ -1,7 +1,7 @@
.content.theme { .content.theme {
@import "themes/green/base/colors"; @import "themes/green/base/colors";
.react-select.theme { .react-select.theme {
.selected-option.green .circle { .selected.green .circle {
background: $primary-color; background: $primary-color;
} }
ul li.green .circle { ul li.green .circle {

2
src/js/components/Select.tsx
View file

@ -28,7 +28,7 @@ export function Select({
return ( return (
<div className={classNames("react-select", className)}> <div className={classNames("react-select", className)}>
<span <span
className="selected-option" className="selected"
onClick={e => [e.stopPropagation(), setOpen(true)]} onClick={e => [e.stopPropagation(), setOpen(true)]}
> >
{selected.props.children} {selected.props.children}