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

Fix maximise, dark theme stuff etc

Browse Source
This commit is contained in:
David Ralph
2020-09-15 12:21:45 +01:00
parent 4fbcc19ff8
commit f014a79065
3 changed files with 19 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/modals/Settings.jsx
View File

@@ -63,6 +63,8 @@ export default class Settings extends React.PureComponent {
document.getElementById('searchEngine').style.color = 'white';
document.getElementById('language').style.color = 'white';
document.getElementById('greetingName').style.color = 'white';
const choices = document.getElementsByClassName('choices');
for (let i = 0; i < choices.length; i++) choices[i].style.backgroundColor = '#2f3542';
}
}
@@ -170,8 +172,8 @@ export default class Settings extends React.PureComponent {
<label htmlFor='8'>{this.props.language.background.API} </label>
<label className='dropdown'>
<select className='select-css' name='8' id='backgroundAPI' onChange={() => localStorage.setItem('backgroundAPI', document.getElementById('backgroundAPI').value)}>
<option value='mue'>Mue</option>
<option value='unsplash'>Unsplash</option>
<option class='choices' value='mue'>Mue</option>
<option class='choices' value='unsplash'>Unsplash</option>
{ /* <option value='custom'>Custom</option> */ }
</select>
</label>
@@ -208,15 +210,15 @@ export default class Settings extends React.PureComponent {
<ul>
<label htmlFor='4'>{this.props.language.searchbar.searchengine} </label>
<select className='select-css' name='4' id='searchEngine' onChange={() => SettingsFunctions.setSearchEngine(document.getElementById('searchEngine').value)}>
<option value='duckduckgo'>DuckDuckGo</option>
<option value='google'>Google</option>
<option value='bing'>Bing</option>
<option value='yahoo'>Yahoo</option>
<option value='ecosia'>Ecosia</option>
<option value='yandex'>Yandex</option>
<option value='qwant'>Qwant</option>
<option value='ask'>Ask</option>
<option value='startpage'>Startpage</option>
<option class='choices' value='duckduckgo'>DuckDuckGo</option>
<option class='choices' value='google'>Google</option>
<option class='choices' value='bing'>Bing</option>
<option class='choices' value='yahoo'>Yahoo</option>
<option class='choices' value='ecosia'>Ecosia</option>
<option class='choices' value='yandex'>Yandex</option>
<option class='choices' value='qwant'>Qwant</option>
<option class='choices' value='ask'>Ask</option>
<option class='choices' value='startpage'>Startpage</option>
{/* <option value='custom'>Custom</option> */}
</select>
</ul>

2
src/components/modals/Update.jsx
View File

@@ -47,7 +47,7 @@ export default class Update extends React.PureComponent {
<h1 style={{ 'marginBottom':'-10px' }} dangerouslySetInnerHTML={{__html: this.state.title}}></h1>
<h5 style={{ 'lineHeight':'0px' }}> By {this.state.author} • {this.state.date}</h5>
<img draggable='false' src={this.state.image} alt='Update'></img>
<p dangerouslySetInnerHTML={{__html: this.state.content + `<br/><p>Read on the blog here: <a href='${this.state.url}'>${this.state.url}</a></p>`}}></p>
<p dangerouslySetInnerHTML={{__html: this.state.content + `<br/><p>Read on the blog here: <a target='_blank' href='${this.state.url}'>${this.state.url}</a></p>`}}></p>
</div>;
}
}

6
src/components/widgets/Maximise.jsx
View File

@@ -21,7 +21,11 @@ export default class View extends React.PureComponent {
viewStuff() {
const elements = ['#searchBar', '.navbar-container', '.clock', '.greeting', '.quotediv'];
elements.forEach(element => {
(this.state.hidden === false) ? document.querySelector(element).style.display = 'none' : document.querySelector(element).style.display = 'block';
try {
(this.state.hidden === false) ? document.querySelector(element).style.display = 'none' : document.querySelector(element).style.display = 'block';
} catch (e) {
return;
}
});
if (this.state.hidden === false) {
this.setState({ hidden: true });