mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-22 08:17:28 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: languages and dark theme day picker

Browse Source
This commit is contained in:
David Ralph
2021-03-23 20:01:37 +00:00
parent a3cf09287f
commit 214d06927e
7 changed files with 42 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/modals/main/scss/index.scss
View File

@@ -4,6 +4,7 @@
@import 'settings/main';
@import 'settings/buttons';
@import 'settings/dropdown';
@import 'settings/daypicker';
@import './settings/react-color-picker-gradient-picker-custom-styles.scss';

11
src/components/modals/main/scss/settings/_buttons.scss
View File

@@ -95,7 +95,6 @@
&:hover {
background: #2d3436;
color: map-get($theme-colours, 'main');
;
}
}
@@ -117,7 +116,6 @@
&:hover {
background: #ff4757;
color: map-get($theme-colours, 'main');
;
}
}
@@ -159,7 +157,7 @@ input[type=number]::-webkit-outer-spin-button {
color: var(--modal-text) !important;
}
.MuiIconButton-label > svg.MuiSvgIcon-root {
.MuiIconButton-label>svg.MuiSvgIcon-root {
color: var(--modal-text) !important;
}
@@ -174,16 +172,19 @@ legend {
border-radius: 15px;
margin-bottom: 10px;
font-size: 1.5rem;
svg {
font-size: 1.3rem;
}
&:hover {
box-shadow: 0 2px 5px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
transition: 0.3s;
}
z-index: 999 !important;
}
li.stortableitem {
width: 200px;
}
}

26
src/components/modals/main/scss/settings/_daypicker.scss Normal file
View File

@@ -0,0 +1,26 @@
.DayPickerInput,
.input-container {
input {
width: 200px;
color: var(--modal-text) !important;
background: var(--sidebar);
border: none;
padding: 10px 10px;
border-radius: 5px;
}
}
.DayPicker-Day--selected {
background-color: #ff4757 !important;
color: white;
}
.DayPicker-Months,
.DayPickerInput-Overlay {
background-color: var(--background) !important;
color: var(--modal-text) !important;
}
.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
color: black !important;
}

15
src/components/modals/main/scss/settings/_dropdown.scss
View File

@@ -20,18 +20,3 @@ select {
font: -moz-pull-down-menu !important;
}
}
.react-date-picker__wrapper {
padding: 0.5rem 1rem !important;
box-sizing: border-box !important;
border-image-slice: 1 !important;
border-image-source: linear-gradient(90deg, #ffb032 0%, #dd3b67 100%) !important;
background: transparent !important;
color: #fff !important;
}
.react-date-picker__clear-button,
.react-calendar__navigation__prev2-button,
.react-calendar__navigation__next2-button {
display: none !important;
}

21
src/components/modals/main/scss/settings/_main.scss
View File

@@ -26,17 +26,6 @@ input {
}
}
.DayPickerInput, .input-container {
input {
width: 200px;
color: var(--modal-text) ! important;
background: var(--sidebar);
border: none;
padding: 10px 10px;
border-radius: 5px;
}
}
h4 {
cursor: pointer;
}
@@ -165,14 +154,4 @@ input[type=color]::-moz-color-swatch {
.radio-title {
text-transform: uppercase;
font-weight: bold;
}
.DayPicker-Day--selected {
background-color: #ff4757 !important;
color: white;
}
.DayPicker-Months, .DayPickerInput-Overlay {
background-color: var(--background) !important;
color: var(--modal-text) !important;
}