feat: WIP quick links widget, better maximise/favourite widget, fixed favourite button, finish download button etc

Co-authored-by: Alex Sparkes <turbomarshmello@gmail.com>
This commit is contained in:
David Ralph
2021-04-08 19:17:40 +01:00
parent 3d945656d6
commit 5cf9bd74f4
16 changed files with 189 additions and 62 deletions

View File

@@ -22,7 +22,7 @@ export default class Modals extends React.PureComponent {
}
componentDidMount() {
if (localStorage.getItem('showWelcome') === 'true') {
if (localStorage.getItem('showWelcome') === 'true' && window.location.search !== '?nointro=true') {
this.setState({
welcomeModal: true
});

View File

@@ -126,14 +126,10 @@ ul.sidebar {
text-align: center;
}
svg,
li {
font-size: 30px;
}
svg {
vertical-align: middle;
font-size: 32px;
font-size: 35px;
padding: 5px;
}

View File

@@ -119,7 +119,7 @@ input[type=color]::-moz-color-swatch {
}
.MuiFormControlLabel-labelPlacementStart {
margin-left: 0px;
margin-left: 0px !important;
}
.MuiSwitch-colorPrimary.Mui-checked + .MuiSwitch-track {

View File

@@ -59,7 +59,7 @@ export default function AppearanceSettings() {
<h3>{appearance.accessibility.title}</h3>
{(engineName === 'Blink') ?
<Slider title={appearance.accessibility.widget_zoom} name='widgetzoom' default='100' min='50' max='200' display='%'/>
<Slider title={appearance.accessibility.widget_zoom} name='widgetzoom' default='100' step='10' min='50' max='200' display='%'/>
: null}
<Slider title={appearance.accessibility.toast_duration} name='toastDisplayTime' default='2500' step='100' min='500' max='5000' display={' ' + appearance.accessibility.milliseconds} />
</>

View File

@@ -33,7 +33,7 @@ export default class OrderSettings extends React.PureComponent {
}
reset = () => {
localStorage.setItem('order', JSON.stringify(['greeting', 'time', 'quote', 'date']));
localStorage.setItem('order', JSON.stringify(['greeting', 'time', 'quicklinks', 'quote', 'date']));
this.setState({
items: JSON.parse(localStorage.getItem('order'))

View File

@@ -64,6 +64,14 @@ export default class BackgroundSettings extends React.PureComponent {
<>
<br/>
<Radio title={background.source.api} options={apiOptions} name='backgroundAPI'/>
<br/>
<Dropdown label='Category' name='apiCategory'>
<option value='wildlife'>Landscapes</option>
<option value='wildlife'>Wildlife</option>
<option value='nature'>Vehicles</option>
<option value='nature'>Cities</option>
<option value='nature'>Castles</option>
</Dropdown>
</>
);