mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-05-07 02:55:19 +02:00
Code Issues Releases Wiki Activity

Settings: fix styling and outline flickr issue

Browse Source
This commit is contained in:
Kushagra Gour 2018-11-13 11:19:35 +05:30
parent 29725026ee
commit 097acc743a
2 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Settings.jsx
View File

@ -6,11 +6,7 @@ import { Divider } from './common';
function CheckboxSetting({ label, onChange, pref }) { function CheckboxSetting({ label, onChange, pref }) {
return ( return (
<Switch <Switch checked={pref} onChange={onChange}>
checked={pref}
onChange={onChange}
class={`line ${showWhenExtension ? 'show-when-extension' : ''} `}
>
{label} {label}
</Switch> </Switch>
); );
@ -79,8 +75,8 @@ export default class Settings extends Component {
<p class="help-text"> <p class="help-text">
Preview will refresh when you resize the preview pane Preview will refresh when you resize the preview pane
</p> </p>
<Divider />
<div class="show-when-extension"> <div class="show-when-extension">
<Divider />
<CheckboxSetting <CheckboxSetting
label="Replace new tab page" label="Replace new tab page"
pref={prefs.replaceNewTab} pref={prefs.replaceNewTab}

5
src/style.css
View File

@ -260,6 +260,9 @@ a > svg {
display: block; display: block;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
/* breathing space for outline */
padding: 2px 0;
} }
.check-switch:hover { .check-switch:hover {
@ -302,8 +305,6 @@ a > svg {
} }
.check-switch input { .check-switch input {
width: 100%;
height: 100%;
top: 0; top: 0;
left: 0; left: 0;
opacity: 0.0001; opacity: 0.0001;