Skip to content
This repository was archived by the owner on Jul 28, 2025. It is now read-only.

Commit ed2e535

Browse files
RafaelGBRafaelGB
committed
css back
1 parent f230fe1 commit ed2e535

File tree

1 file changed

+126
-56
lines changed

1 file changed

+126
-56
lines changed

‎styles.css‎

Lines changed: 126 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -367,19 +367,16 @@
367367
white-space: nowrap;
368368
}
369369

370-
371-
.react-select__option+.react-select__option {
370+
.react-select__option + .react-select__option {
372371
margin-top: 10px;
373372
}
374373

375-
376374
.react-select__option,
377375
.react-select__multi-value {
378376
background-color: #e3e3e3;
379377
color: var(--text-normal);
380378
}
381379

382-
383380
.react-select__menu .react-select__menu-list {
384381
background-color: var(--background-primary);
385382
border: 1px solid var(--background-modifier-border);
@@ -391,7 +388,6 @@
391388
color: var(--text-normal);
392389
}
393390

394-
395391
.database-plugin__tags {
396392
background-color: var(--background-primary);
397393
}
@@ -400,7 +396,6 @@
400396
gap: 0.3rem;
401397
}
402398

403-
404399
.text-align-right {
405400
text-align: right;
406401
}
@@ -495,10 +490,14 @@
495490
width: 0;
496491
}
497492

498-
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
499-
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
500-
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::after,
501-
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::after {
493+
.react-datepicker-popper[data-placement^="top"]
494+
.react-datepicker__triangle::before,
495+
.react-datepicker-popper[data-placement^="bottom"]
496+
.react-datepicker__triangle::before,
497+
.react-datepicker-popper[data-placement^="top"]
498+
.react-datepicker__triangle::after,
499+
.react-datepicker-popper[data-placement^="bottom"]
500+
.react-datepicker__triangle::after {
502501
box-sizing: content-box;
503502
position: absolute;
504503
border: 8px solid transparent;
@@ -510,8 +509,10 @@
510509
left: -8px;
511510
}
512511

513-
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
514-
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
512+
.react-datepicker-popper[data-placement^="top"]
513+
.react-datepicker__triangle::before,
514+
.react-datepicker-popper[data-placement^="bottom"]
515+
.react-datepicker__triangle::before {
515516
border-bottom-color: var(--background-modifier-border);
516517
}
517518

@@ -520,17 +521,21 @@
520521
margin-top: -8px;
521522
}
522523

523-
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
524-
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::after {
524+
.react-datepicker-popper[data-placement^="bottom"]
525+
.react-datepicker__triangle::before,
526+
.react-datepicker-popper[data-placement^="bottom"]
527+
.react-datepicker__triangle::after {
525528
border-top: none;
526529
border-bottom-color: var(--background-modifier-border);
527530
}
528531

529-
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::after {
532+
.react-datepicker-popper[data-placement^="bottom"]
533+
.react-datepicker__triangle::after {
530534
top: 0;
531535
}
532536

533-
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
537+
.react-datepicker-popper[data-placement^="bottom"]
538+
.react-datepicker__triangle::before {
534539
top: -1px;
535540
border-bottom-color: var(--background-modifier-border);
536541
}
@@ -540,17 +545,21 @@
540545
margin-bottom: -8px;
541546
}
542547

543-
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
544-
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::after {
548+
.react-datepicker-popper[data-placement^="top"]
549+
.react-datepicker__triangle::before,
550+
.react-datepicker-popper[data-placement^="top"]
551+
.react-datepicker__triangle::after {
545552
border-bottom: none;
546553
border-top-color: #fff;
547554
}
548555

549-
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::after {
556+
.react-datepicker-popper[data-placement^="top"]
557+
.react-datepicker__triangle::after {
550558
bottom: 0;
551559
}
552560

553-
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before {
561+
.react-datepicker-popper[data-placement^="top"]
562+
.react-datepicker__triangle::before {
554563
bottom: -1px;
555564
border-top-color: #aeaeae;
556565
}
@@ -615,7 +624,8 @@
615624
padding-top: 10px;
616625
}
617626

618-
.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle,
627+
.react-datepicker-popper[data-placement="bottom-end"]
628+
.react-datepicker__triangle,
619629
.react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
620630
left: auto;
621631
right: 50px;
@@ -811,30 +821,47 @@
811821
display: inline-block;
812822
}
813823

814-
.react-datepicker__input-time-container .react-datepicker-time__input-container {
824+
.react-datepicker__input-time-container
825+
.react-datepicker-time__input-container {
815826
display: inline-block;
816827
}
817828

818-
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
829+
.react-datepicker__input-time-container
830+
.react-datepicker-time__input-container
831+
.react-datepicker-time__input {
819832
display: inline-block;
820833
margin-left: 10px;
821834
}
822835

823-
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
836+
.react-datepicker__input-time-container
837+
.react-datepicker-time__input-container
838+
.react-datepicker-time__input
839+
input {
824840
width: auto;
825841
}
826842

827-
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
828-
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
843+
.react-datepicker__input-time-container
844+
.react-datepicker-time__input-container
845+
.react-datepicker-time__input
846+
input[type="time"]::-webkit-inner-spin-button,
847+
.react-datepicker__input-time-container
848+
.react-datepicker-time__input-container
849+
.react-datepicker-time__input
850+
input[type="time"]::-webkit-outer-spin-button {
829851
-webkit-appearance: none;
830852
margin: 0;
831853
}
832854

833-
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
855+
.react-datepicker__input-time-container
856+
.react-datepicker-time__input-container
857+
.react-datepicker-time__input
858+
input[type="time"] {
834859
-moz-appearance: textfield;
835860
}
836861

837-
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
862+
.react-datepicker__input-time-container
863+
.react-datepicker-time__input-container
864+
.react-datepicker-time__delimiter {
838865
margin-left: 5px;
839866
display: inline-block;
840867
}
@@ -860,15 +887,20 @@
860887
border-bottom-right-radius: 0.3rem;
861888
}
862889

863-
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
890+
.react-datepicker__time-container
891+
.react-datepicker__time
892+
.react-datepicker__time-box {
864893
width: 85px;
865894
overflow-x: hidden;
866895
margin: 0 auto;
867896
text-align: center;
868897
border-bottom-right-radius: 0.3rem;
869898
}
870899

871-
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
900+
.react-datepicker__time-container
901+
.react-datepicker__time
902+
.react-datepicker__time-box
903+
ul.react-datepicker__time-list {
872904
list-style: none;
873905
margin: 0;
874906
height: calc(195px + (1.7rem / 2));
@@ -879,33 +911,57 @@
879911
box-sizing: content-box;
880912
}
881913

882-
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
914+
.react-datepicker__time-container
915+
.react-datepicker__time
916+
.react-datepicker__time-box
917+
ul.react-datepicker__time-list
918+
li.react-datepicker__time-list-item {
883919
height: 30px;
884920
padding: 5px 10px;
885921
color: var(--text-normal);
886922
white-space: nowrap;
887923
}
888924

889-
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
925+
.react-datepicker__time-container
926+
.react-datepicker__time
927+
.react-datepicker__time-box
928+
ul.react-datepicker__time-list
929+
li.react-datepicker__time-list-item:hover {
890930
cursor: pointer;
891931
background-color: #f0f0f0;
892932
}
893933

894-
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
934+
.react-datepicker__time-container
935+
.react-datepicker__time
936+
.react-datepicker__time-box
937+
ul.react-datepicker__time-list
938+
li.react-datepicker__time-list-item--selected {
895939
background-color: #216ba5;
896940
color: var(--text-normal);
897941
font-weight: bold;
898942
}
899943

900-
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
944+
.react-datepicker__time-container
945+
.react-datepicker__time
946+
.react-datepicker__time-box
947+
ul.react-datepicker__time-list
948+
li.react-datepicker__time-list-item--selected:hover {
901949
background-color: #216ba5;
902950
}
903951

904-
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
952+
.react-datepicker__time-container
953+
.react-datepicker__time
954+
.react-datepicker__time-box
955+
ul.react-datepicker__time-list
956+
li.react-datepicker__time-list-item--disabled {
905957
color: #ccc;
906958
}
907959

908-
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
960+
.react-datepicker__time-container
961+
.react-datepicker__time
962+
.react-datepicker__time-box
963+
ul.react-datepicker__time-list
964+
li.react-datepicker__time-list-item--disabled:hover {
909965
cursor: default;
910966
background-color: transparent;
911967
}
@@ -1087,10 +1143,14 @@
10871143
background-color: rgba(33, 107, 165, 0.5);
10881144
}
10891145

1090-
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
1091-
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
1092-
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
1093-
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
1146+
.react-datepicker__month--selecting-range
1147+
.react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
1148+
.react-datepicker__month--selecting-range
1149+
.react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
1150+
.react-datepicker__month--selecting-range
1151+
.react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
1152+
.react-datepicker__month--selecting-range
1153+
.react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
10941154
background-color: #f0f0f0;
10951155
color: var(--text-normal);
10961156
}
@@ -1146,12 +1206,18 @@
11461206
cursor: pointer;
11471207
}
11481208

1149-
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
1150-
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
1151-
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
1152-
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
1153-
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
1154-
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
1209+
.react-datepicker__year-read-view:hover
1210+
.react-datepicker__year-read-view--down-arrow,
1211+
.react-datepicker__year-read-view:hover
1212+
.react-datepicker__month-read-view--down-arrow,
1213+
.react-datepicker__month-read-view:hover
1214+
.react-datepicker__year-read-view--down-arrow,
1215+
.react-datepicker__month-read-view:hover
1216+
.react-datepicker__month-read-view--down-arrow,
1217+
.react-datepicker__month-year-read-view:hover
1218+
.react-datepicker__year-read-view--down-arrow,
1219+
.react-datepicker__month-year-read-view:hover
1220+
.react-datepicker__month-read-view--down-arrow {
11551221
border-top-color: #b3b3b3;
11561222
}
11571223

@@ -1224,15 +1290,21 @@
12241290
background-color: var(--interactive-success);
12251291
}
12261292

1227-
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
1228-
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
1229-
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
1293+
.react-datepicker__year-option:hover
1294+
.react-datepicker__navigation--years-upcoming,
1295+
.react-datepicker__month-option:hover
1296+
.react-datepicker__navigation--years-upcoming,
1297+
.react-datepicker__month-year-option:hover
1298+
.react-datepicker__navigation--years-upcoming {
12301299
border-bottom-color: var(--interactive-success);
12311300
}
12321301

1233-
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
1234-
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
1235-
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
1302+
.react-datepicker__year-option:hover
1303+
.react-datepicker__navigation--years-previous,
1304+
.react-datepicker__month-option:hover
1305+
.react-datepicker__navigation--years-previous,
1306+
.react-datepicker__month-year-option:hover
1307+
.react-datepicker__navigation--years-previous {
12361308
border-top-color: var(--interactive-success);
12371309
}
12381310

@@ -1303,9 +1375,7 @@
13031375
line-height: 3rem;
13041376
}
13051377

1306-
@media (max-width: 400px),
1307-
(max-height: 550px) {
1308-
1378+
@media (max-width: 400px), (max-height: 550px) {
13091379
.react-datepicker__portal .react-datepicker__day-name,
13101380
.react-datepicker__portal .react-datepicker__day,
13111381
.react-datepicker__portal .react-datepicker__time-name {
@@ -1317,4 +1387,4 @@
13171387
.react-datepicker__portal .react-datepicker__current-month,
13181388
.react-datepicker__portal .react-datepicker-time__header {
13191389
font-size: 1.44rem;
1320-
}
1390+
}

0 commit comments

Comments
 (0)