added settings modal for mail
Kevin Froman
parent
dee531fd51
commit
559f6bed49
|
|
@ -11,6 +11,7 @@
|
|||
<link rel="stylesheet" href="/shared/fontawesome-free-5.10.2/css/all.min.css">
|
||||
<link rel='stylesheet' href="/shared/main/PNotifyBrightTheme.css">
|
||||
<link rel="stylesheet" href="/gettheme">
|
||||
<link rel="stylesheet" href="/shared/node_modules/bulma-switch/dist/css/bulma-switch.min.css">
|
||||
<link rel="stylesheet" href="/mail/mail.css">
|
||||
<script defer src='/shared/node_modules/pnotify/dist/iife/PNotify.js'></script>
|
||||
<script defer src='/shared/node_modules/pnotify/dist/iife/PNotifyButtons.js'></script>
|
||||
|
|
@ -128,25 +129,61 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal" id="settingsModal">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<button class="closeSettingsModal delete" aria-label="close"></button>
|
||||
</header>
|
||||
<section class="modal-card-body">
|
||||
<h1 class="title is-3 is-centered">Settings</h1>
|
||||
|
||||
<div class="field">
|
||||
<input id="forwardSecrecySetting" type="checkbox"
|
||||
class="switch is-rounded is-warning" checked>
|
||||
<label for="forwardSecrecySetting">Default Forward Secrecy</label>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Start of content-->
|
||||
<div class="container">
|
||||
<div class="tabs" id="tabBtns">
|
||||
<ul>
|
||||
<li class="is-active">
|
||||
<a>
|
||||
<span class="icon">
|
||||
<i class="fa fa-envelope"></i>
|
||||
</span>
|
||||
<span id="inboxTab">Inbox</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a>
|
||||
<span class="icon">
|
||||
<i class="fa fa-paper-plane"></i>
|
||||
</span>
|
||||
<span>Sent</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a>
|
||||
<span class="icon">
|
||||
<i class="fa fa-pen"></i>
|
||||
</span>
|
||||
<span>Compose</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a>
|
||||
<span class="icon">
|
||||
<i class="fa fa-cog"></i>
|
||||
</span>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class='content' id='noInbox'>No messages to show ¯\_(ツ)_/¯</div>
|
||||
|
|
|
|||
|
|
@ -38,3 +38,8 @@
|
|||
.messageContent{
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
|
||||
#tabBtns ul .icon {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -138,6 +138,9 @@ function setActiveTab(tabName){
|
|||
overlay('sendMessage')
|
||||
document.getElementById('inboxTab').click()
|
||||
break
|
||||
case 'settings':
|
||||
document.getElementById('settingsModal').classList.add('is-active')
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,116 @@
|
|||
<a name="1.0.2"></a>
|
||||
## [1.0.2](https://github.com/Wikiki/bulma-switch/compare/1.0.1...1.0.2) (2018-05-12)
|
||||
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* [#16](https://github.com/Wikiki/bulma-switch/issues/16) : add visual feedback for :focus ([000fc55](https://github.com/Wikiki/bulma-switch/commit/000fc55))
|
||||
|
||||
|
||||
|
||||
<a name="1.0.1"></a>
|
||||
## [1.0.1](https://github.com/Wikiki/bulma-switch/compare/1.0.0...1.0.1) (2018-02-11)
|
||||
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* **gulp:** Remove Bulma’s important from dist’sass ([a0794dc](https://github.com/Wikiki/bulma-switch/commit/a0794dc))
|
||||
|
||||
|
||||
|
||||
<a name="1.0.0"></a>
|
||||
# [1.0.0](https://github.com/Wikiki/bulma-switch/compare/0.1.12...1.0.0) (2018-02-10)
|
||||
|
||||
|
||||
|
||||
<a name="0.1.12"></a>
|
||||
## [0.1.12](https://github.com/Wikiki/bulma-switch/compare/0.1.11...0.1.12) (2018-02-10)
|
||||
|
||||
|
||||
|
||||
<a name="0.1.11"></a>
|
||||
## [0.1.11](https://github.com/Wikiki/bulma-switch/compare/0.1.10...0.1.11) (2018-02-10)
|
||||
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* **gulp:** Use UMD modules style ([f9d1597](https://github.com/Wikiki/bulma-switch/commit/f9d1597))
|
||||
|
||||
|
||||
|
||||
<a name="0.1.10"></a>
|
||||
## [0.1.10](https://github.com/Wikiki/bulma-switch/compare/0.1.9...0.1.10) (2018-02-10)
|
||||
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* **gulp:** Correct dist filenames ([9ba0e1b](https://github.com/Wikiki/bulma-switch/commit/9ba0e1b))
|
||||
|
||||
|
||||
|
||||
<a name="0.1.9"></a>
|
||||
## [0.1.9](https://github.com/Wikiki/bulma-switch/compare/0.1.8...0.1.9) (2018-02-09)
|
||||
|
||||
|
||||
|
||||
<a name="0.1.8"></a>
|
||||
## [0.1.8](https://github.com/Wikiki/bulma-switch/compare/0.1.7...0.1.8) (2018-02-09)
|
||||
|
||||
|
||||
|
||||
<a name="0.1.7"></a>
|
||||
## [0.1.7](https://github.com/Wikiki/bulma-switch/compare/0.1.6...0.1.7) (2018-02-09)
|
||||
|
||||
|
||||
|
||||
<a name="0.1.6"></a>
|
||||
## [0.1.6](https://github.com/Wikiki/bulma-switch/compare/0.1.2...0.1.6) (2018-02-09)
|
||||
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* **bower:** Add missing version ([c860841](https://github.com/Wikiki/bulma-switch/commit/c860841))
|
||||
|
||||
|
||||
### Features
|
||||
|
||||
* **gulp:** Add gulp dependencies ([4155c63](https://github.com/Wikiki/bulma-switch/commit/4155c63))
|
||||
* **gulp:** Add release task ([24451c6](https://github.com/Wikiki/bulma-switch/commit/24451c6))
|
||||
|
||||
|
||||
|
||||
# Change Log
|
||||
|
||||
## [Unreleased](https://github.com/wikiki/bulma-switch/tree/HEAD)
|
||||
|
||||
[Full Changelog](https://github.com/wikiki/bulma-switch/compare/0.1.2...HEAD)
|
||||
|
||||
**Merged pull requests:**
|
||||
|
||||
- TravisBuddy Integration [\#10](https://github.com/Wikiki/bulma-switch/pull/10) ([TravisBuddy](https://github.com/TravisBuddy))
|
||||
|
||||
## [0.1.2](https://github.com/wikiki/bulma-switch/tree/0.1.2) (2017-11-30)
|
||||
**Implemented enhancements:**
|
||||
|
||||
- Indentation 2 levels deeper causes sass compile error [\#6](https://github.com/Wikiki/bulma-switch/issues/6)
|
||||
|
||||
**Fixed bugs:**
|
||||
|
||||
- Weird bug [\#8](https://github.com/Wikiki/bulma-switch/issues/8)
|
||||
- Indentation 2 levels deeper causes sass compile error [\#6](https://github.com/Wikiki/bulma-switch/issues/6)
|
||||
|
||||
**Closed issues:**
|
||||
|
||||
- Make package include the compiled CSS [\#9](https://github.com/Wikiki/bulma-switch/issues/9)
|
||||
- input checkbox absolute position not always correct [\#4](https://github.com/Wikiki/bulma-switch/issues/4)
|
||||
- About import bulma-switch into angular project [\#3](https://github.com/Wikiki/bulma-switch/issues/3)
|
||||
- Make label optional [\#2](https://github.com/Wikiki/bulma-switch/issues/2)
|
||||
|
||||
**Merged pull requests:**
|
||||
|
||||
- Allow for keyboard interaction with the checkbox and add state styles [\#7](https://github.com/Wikiki/bulma-switch/pull/7) ([jmfederico](https://github.com/jmfederico))
|
||||
- Add color modifier for the unchecked state [\#5](https://github.com/Wikiki/bulma-switch/pull/5) ([madmatah](https://github.com/madmatah))
|
||||
|
||||
|
||||
|
||||
\* *This Change Log was automatically generated by [github_changelog_generator](https://github.com/skywinder/Github-Changelog-Generator)*
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
MIT License
|
||||
|
||||
Copyright (c) 2017 Wikiki
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
# bulma-switch
|
||||
Bulma's extension to display checkbox as a toggle button
|
||||
(find all my bulma's extensions [here](https://wikiki.github.io/))
|
||||
|
||||
[](https://www.npmjs.com/package/bulma-switch)
|
||||
[](https://www.npmjs.com/package/bulma-switch)
|
||||
[](https://travis-ci.org/Wikiki/bulma-switch)
|
||||
|
||||
|
||||
|
||||
Documentation & Demo
|
||||
---
|
||||
You can find the Documentation and a demo [here](https://wikiki.github.io/form/switch/)
|
||||
1
static-data/www/shared/node_modules/bulma-switch/dist/css/bulma-switch.min.css
generated
vendored
Normal file
1
static-data/www/shared/node_modules/bulma-switch/dist/css/bulma-switch.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
194
static-data/www/shared/node_modules/bulma-switch/dist/css/bulma-switch.sass
generated
vendored
Normal file
194
static-data/www/shared/node_modules/bulma-switch/dist/css/bulma-switch.sass
generated
vendored
Normal file
|
|
@ -0,0 +1,194 @@
|
|||
$switch-background: $grey-light !default
|
||||
$switch-border: .1rem solid transparent !default
|
||||
$switch-background-active: $primary !default
|
||||
$switch-radius: $radius !default
|
||||
$switch-paddle-background: $white !default
|
||||
$switch-paddle-background-active: $primary !default
|
||||
$switch-paddle-offset: 0.25rem !default
|
||||
$switch-paddle-transition: all 0.25s ease-out !default
|
||||
$switch-focus: 1px dotted $grey-light !default
|
||||
|
||||
=switch-size($size)
|
||||
$switch-height: $size * 1.5
|
||||
$switch-width: $switch-height * 2
|
||||
$paddle-height: $switch-height - ($switch-paddle-offset * 2)
|
||||
$paddle-width: $switch-height - ($switch-paddle-offset * 2)
|
||||
$paddle-active-offest: $switch-width - $paddle-width - ($switch-paddle-offset * 1.5)
|
||||
|
||||
+ label
|
||||
position: relative
|
||||
display: initial
|
||||
font-size: $size
|
||||
line-height: initial
|
||||
padding-left: $switch-width + .5
|
||||
padding-top: .2rem
|
||||
cursor: pointer
|
||||
|
||||
&::before,
|
||||
&:before
|
||||
position: absolute
|
||||
display: block
|
||||
top: 0
|
||||
left: 0
|
||||
width: $switch-width
|
||||
height: $switch-height
|
||||
border: $switch-border
|
||||
border-radius: $switch-radius
|
||||
background: $switch-background
|
||||
content: ''
|
||||
|
||||
&::after,
|
||||
&:after
|
||||
display: block
|
||||
position: absolute
|
||||
top: ( $switch-height / 2 ) - ( $paddle-height / 2 )
|
||||
left: $switch-paddle-offset
|
||||
width: $paddle-width
|
||||
height: $paddle-height
|
||||
transform: translate3d(0, 0, 0)
|
||||
border-radius: $switch-radius
|
||||
background: $switch-paddle-background
|
||||
transition: $switch-paddle-transition
|
||||
content: ''
|
||||
|
||||
&.is-rtl
|
||||
+ label
|
||||
padding-left: 0
|
||||
padding-right: $switch-width + .5
|
||||
&::before,
|
||||
&:before
|
||||
left: auto
|
||||
right: 0
|
||||
&::after,
|
||||
&:after
|
||||
left: auto
|
||||
right: $switch-paddle-offset
|
||||
|
||||
&:checked
|
||||
+ label
|
||||
&::before,
|
||||
&:before
|
||||
background: $switch-background-active
|
||||
&::after
|
||||
left: $paddle-active-offest
|
||||
&.is-rtl
|
||||
+ label
|
||||
&::after,
|
||||
&:after
|
||||
left: auto
|
||||
right: $paddle-active-offest
|
||||
|
||||
&.is-outlined
|
||||
+ label
|
||||
&::before,
|
||||
&:before
|
||||
background-color: transparent
|
||||
border-color: $switch-background
|
||||
&::after,
|
||||
&:after
|
||||
background: $switch-background
|
||||
&:checked
|
||||
+ label
|
||||
&::before,
|
||||
&:before
|
||||
background-color: transparent
|
||||
border-color: $switch-background-active
|
||||
&::after,
|
||||
&:after
|
||||
background: $switch-paddle-background-active
|
||||
|
||||
&.is-thin
|
||||
+ label
|
||||
&::before,
|
||||
&:before
|
||||
top: $switch-height / 2.75
|
||||
height: $switch-height / 4
|
||||
&::after,
|
||||
&:after
|
||||
box-shadow: 0px 0px 3px $grey
|
||||
|
||||
&.is-rounded
|
||||
+ label
|
||||
&::before,
|
||||
&:before
|
||||
border-radius: $radius-large * 4
|
||||
&::after,
|
||||
&:after
|
||||
border-radius: 50%
|
||||
|
||||
|
||||
.switch[type="checkbox"]
|
||||
outline: 0
|
||||
user-select: none
|
||||
display: inline-block
|
||||
position: absolute
|
||||
opacity: 0
|
||||
|
||||
&:focus
|
||||
+ label
|
||||
&::before,
|
||||
&:before,
|
||||
&::after,
|
||||
&:after
|
||||
outline: $switch-focus
|
||||
|
||||
&[disabled]
|
||||
cursor: not-allowed
|
||||
+ label
|
||||
opacity: 0.5
|
||||
&::before,
|
||||
&:before
|
||||
opacity: 0.5
|
||||
&::after,
|
||||
&:after
|
||||
opacity: 0.5
|
||||
&:hover
|
||||
cursor: not-allowed
|
||||
|
||||
+switch-size($size-normal)
|
||||
&.is-small
|
||||
+switch-size($size-small)
|
||||
&.is-medium
|
||||
+switch-size($size-medium)
|
||||
&.is-large
|
||||
+switch-size($size-large)
|
||||
|
||||
@each $name, $pair in $colors
|
||||
$color: nth($pair, 1)
|
||||
$color-invert: nth($pair, 2)
|
||||
&.is-#{$name}
|
||||
&:checked
|
||||
+ label
|
||||
&::before,
|
||||
&:before
|
||||
background: $color
|
||||
&.is-outlined
|
||||
&:checked
|
||||
+ label
|
||||
&::before,
|
||||
&:before
|
||||
background-color: transparent
|
||||
border-color: $color !important
|
||||
&::after,
|
||||
&:after
|
||||
background: $color
|
||||
&.is-thin
|
||||
&.is-outlined
|
||||
+ label
|
||||
&::after,
|
||||
&:after
|
||||
box-shadow: none
|
||||
&.is-unchecked-#{$name}
|
||||
+ label
|
||||
&::before,
|
||||
&:before
|
||||
background: $color
|
||||
&.is-outlined
|
||||
+ label
|
||||
&::before,
|
||||
&:before
|
||||
background-color: transparent
|
||||
border-color: $color !important
|
||||
&::after,
|
||||
&:after
|
||||
background: $color
|
||||
|
|
@ -0,0 +1,100 @@
|
|||
{
|
||||
"_from": "bulma-switch",
|
||||
"_id": "bulma-switch@2.0.0",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-myD38zeUfjmdduq+pXabhJEe3x2hQP48l/OI+Y0fO3HdDynZUY/VJygucvEAJKRjr4HxD5DnEm4yx+oDOBXpAA==",
|
||||
"_location": "/bulma-switch",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "tag",
|
||||
"registry": true,
|
||||
"raw": "bulma-switch",
|
||||
"name": "bulma-switch",
|
||||
"escapedName": "bulma-switch",
|
||||
"rawSpec": "",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "latest"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"#USER",
|
||||
"/"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/bulma-switch/-/bulma-switch-2.0.0.tgz",
|
||||
"_shasum": "7a187cd1bb8073e9a542478d936b89315f1ffcd8",
|
||||
"_spec": "bulma-switch",
|
||||
"_where": "/home/anonymous/programming/onionr/static-data/www/shared/css",
|
||||
"author": {
|
||||
"name": "Wikiki",
|
||||
"email": "wikiki@protonmail.com",
|
||||
"url": "https://wikiki.github.io/bulma-extensions/overview"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/Wikiki/bulma-switch/issues"
|
||||
},
|
||||
"bundleDependencies": false,
|
||||
"config": {
|
||||
"commitizen": {
|
||||
"path": "node_modules/cz-conventional-changelog"
|
||||
}
|
||||
},
|
||||
"deprecated": false,
|
||||
"description": "Display classic checkbox as a switch button, in different colors, sizes, and states ",
|
||||
"devDependencies": {
|
||||
"ansi-colors": "^2.0.1",
|
||||
"autoprefixer": "^8.6.2",
|
||||
"babel-core": "^6.26.3",
|
||||
"babel-jest": "^23.0.1",
|
||||
"babel-loader": "^7.1.4",
|
||||
"babel-plugin-transform-object-rest-spread": "^6.26.0",
|
||||
"babel-preset-env": "^1.7.0",
|
||||
"bulma": "^0.7.1",
|
||||
"camelcase": "^5.0.0",
|
||||
"commitizen": "^2.10.1",
|
||||
"cz-conventional-changelog": "^2.1.0",
|
||||
"del": "^3.0.0",
|
||||
"fancy-log": "^1.3.2",
|
||||
"gulp": "^4.0.0",
|
||||
"gulp-autoprefixer": "^5.0.0",
|
||||
"gulp-clean-css": "^3.9.4",
|
||||
"gulp-concat": "^2.6.1",
|
||||
"gulp-nop": "0.0.3",
|
||||
"gulp-postcss": "^7.0.1",
|
||||
"gulp-sass": "^4.0.1",
|
||||
"gulp-uglify": "^3.0.0",
|
||||
"jest": "^23.1.0",
|
||||
"regenerator-runtime": "^0.11.1",
|
||||
"semantic-release": "^15.5.2",
|
||||
"travis-deploy-once": "^5.0.0",
|
||||
"webpack": "^4.12.0",
|
||||
"webpack-stream": "^4.0.3"
|
||||
},
|
||||
"files": [
|
||||
"dist/**",
|
||||
"src/**",
|
||||
"LICENSE",
|
||||
"README.md"
|
||||
],
|
||||
"homepage": "https://github.com/Wikiki/bulma-switch#readme",
|
||||
"keywords": [
|
||||
"Bulma",
|
||||
"bulma",
|
||||
"bulma.io",
|
||||
"extensions",
|
||||
"switch",
|
||||
"checkbox"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "./dist/css/bulma-switch.min.css",
|
||||
"name": "bulma-switch",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/Wikiki/bulma-switch.git"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "gulp",
|
||||
"commit": "git-cz",
|
||||
"semantic-release": "semantic-release",
|
||||
"travis-deploy-once": "travis-deploy-once"
|
||||
},
|
||||
"version": "2.0.0"
|
||||
}
|
||||
194
static-data/www/shared/node_modules/bulma-switch/src/sass/index.sass
generated
vendored
Normal file
194
static-data/www/shared/node_modules/bulma-switch/src/sass/index.sass
generated
vendored
Normal file
|
|
@ -0,0 +1,194 @@
|
|||
$switch-background: $grey-light !default
|
||||
$switch-border: .1rem solid transparent !default
|
||||
$switch-background-active: $primary !default
|
||||
$switch-radius: $radius !default
|
||||
$switch-paddle-background: $white !default
|
||||
$switch-paddle-background-active: $primary !default
|
||||
$switch-paddle-offset: 0.25rem !default
|
||||
$switch-paddle-transition: all 0.25s ease-out !default
|
||||
$switch-focus: 1px dotted $grey-light !default
|
||||
|
||||
=switch-size($size)
|
||||
$switch-height: $size * 1.5
|
||||
$switch-width: $switch-height * 2
|
||||
$paddle-height: $switch-height - ($switch-paddle-offset * 2)
|
||||
$paddle-width: $switch-height - ($switch-paddle-offset * 2)
|
||||
$paddle-active-offest: $switch-width - $paddle-width - ($switch-paddle-offset * 1.5)
|
||||
|
||||
+ label
|
||||
position: relative
|
||||
display: initial
|
||||
font-size: $size
|
||||
line-height: initial
|
||||
padding-left: $switch-width + .5
|
||||
padding-top: .2rem
|
||||
cursor: pointer
|
||||
|
||||
&::before,
|
||||
&:before
|
||||
position: absolute
|
||||
display: block
|
||||
top: 0
|
||||
left: 0
|
||||
width: $switch-width
|
||||
height: $switch-height
|
||||
border: $switch-border
|
||||
border-radius: $switch-radius
|
||||
background: $switch-background
|
||||
content: ''
|
||||
|
||||
&::after,
|
||||
&:after
|
||||
display: block
|
||||
position: absolute
|
||||
top: ( $switch-height / 2 ) - ( $paddle-height / 2 )
|
||||
left: $switch-paddle-offset
|
||||
width: $paddle-width
|
||||
height: $paddle-height
|
||||
transform: translate3d(0, 0, 0)
|
||||
border-radius: $switch-radius
|
||||
background: $switch-paddle-background
|
||||
transition: $switch-paddle-transition
|
||||
content: ''
|
||||
|
||||
&.is-rtl
|
||||
+ label
|
||||
padding-left: 0
|
||||
padding-right: $switch-width + .5
|
||||
&::before,
|
||||
&:before
|
||||
left: auto
|
||||
right: 0
|
||||
&::after,
|
||||
&:after
|
||||
left: auto
|
||||
right: $switch-paddle-offset
|
||||
|
||||
&:checked
|
||||
+ label
|
||||
&::before,
|
||||
&:before
|
||||
background: $switch-background-active
|
||||
&::after
|
||||
left: $paddle-active-offest
|
||||
&.is-rtl
|
||||
+ label
|
||||
&::after,
|
||||
&:after
|
||||
left: auto
|
||||
right: $paddle-active-offest
|
||||
|
||||
&.is-outlined
|
||||
+ label
|
||||
&::before,
|
||||
&:before
|
||||
background-color: transparent
|
||||
border-color: $switch-background
|
||||
&::after,
|
||||
&:after
|
||||
background: $switch-background
|
||||
&:checked
|
||||
+ label
|
||||
&::before,
|
||||
&:before
|
||||
background-color: transparent
|
||||
border-color: $switch-background-active
|
||||
&::after,
|
||||
&:after
|
||||
background: $switch-paddle-background-active
|
||||
|
||||
&.is-thin
|
||||
+ label
|
||||
&::before,
|
||||
&:before
|
||||
top: $switch-height / 2.75
|
||||
height: $switch-height / 4
|
||||
&::after,
|
||||
&:after
|
||||
box-shadow: 0px 0px 3px $grey
|
||||
|
||||
&.is-rounded
|
||||
+ label
|
||||
&::before,
|
||||
&:before
|
||||
border-radius: $radius-large * 4
|
||||
&::after,
|
||||
&:after
|
||||
border-radius: 50%
|
||||
|
||||
|
||||
.switch[type="checkbox"]
|
||||
outline: 0
|
||||
user-select: none
|
||||
display: inline-block
|
||||
position: absolute
|
||||
opacity: 0
|
||||
|
||||
&:focus
|
||||
+ label
|
||||
&::before,
|
||||
&:before,
|
||||
&::after,
|
||||
&:after
|
||||
outline: $switch-focus
|
||||
|
||||
&[disabled]
|
||||
cursor: not-allowed
|
||||
+ label
|
||||
opacity: 0.5
|
||||
&::before,
|
||||
&:before
|
||||
opacity: 0.5
|
||||
&::after,
|
||||
&:after
|
||||
opacity: 0.5
|
||||
&:hover
|
||||
cursor: not-allowed
|
||||
|
||||
+switch-size($size-normal)
|
||||
&.is-small
|
||||
+switch-size($size-small)
|
||||
&.is-medium
|
||||
+switch-size($size-medium)
|
||||
&.is-large
|
||||
+switch-size($size-large)
|
||||
|
||||
@each $name, $pair in $colors
|
||||
$color: nth($pair, 1)
|
||||
$color-invert: nth($pair, 2)
|
||||
&.is-#{$name}
|
||||
&:checked
|
||||
+ label
|
||||
&::before,
|
||||
&:before
|
||||
background: $color
|
||||
&.is-outlined
|
||||
&:checked
|
||||
+ label
|
||||
&::before,
|
||||
&:before
|
||||
background-color: transparent
|
||||
border-color: $color !important
|
||||
&::after,
|
||||
&:after
|
||||
background: $color
|
||||
&.is-thin
|
||||
&.is-outlined
|
||||
+ label
|
||||
&::after,
|
||||
&:after
|
||||
box-shadow: none
|
||||
&.is-unchecked-#{$name}
|
||||
+ label
|
||||
&::before,
|
||||
&:before
|
||||
background: $color
|
||||
&.is-outlined
|
||||
+ label
|
||||
&::before,
|
||||
&:before
|
||||
background-color: transparent
|
||||
border-color: $color !important
|
||||
&::after,
|
||||
&:after
|
||||
background: $color
|
||||
|
|
@ -1,202 +0,0 @@
|
|||
|
||||
Apache License
|
||||
Version 2.0, January 2004
|
||||
http://www.apache.org/licenses/
|
||||
|
||||
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
||||
|
||||
1. Definitions.
|
||||
|
||||
"License" shall mean the terms and conditions for use, reproduction,
|
||||
and distribution as defined by Sections 1 through 9 of this document.
|
||||
|
||||
"Licensor" shall mean the copyright owner or entity authorized by
|
||||
the copyright owner that is granting the License.
|
||||
|
||||
"Legal Entity" shall mean the union of the acting entity and all
|
||||
other entities that control, are controlled by, or are under common
|
||||
control with that entity. For the purposes of this definition,
|
||||
"control" means (i) the power, direct or indirect, to cause the
|
||||
direction or management of such entity, whether by contract or
|
||||
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
||||
outstanding shares, or (iii) beneficial ownership of such entity.
|
||||
|
||||
"You" (or "Your") shall mean an individual or Legal Entity
|
||||
exercising permissions granted by this License.
|
||||
|
||||
"Source" form shall mean the preferred form for making modifications,
|
||||
including but not limited to software source code, documentation
|
||||
source, and configuration files.
|
||||
|
||||
"Object" form shall mean any form resulting from mechanical
|
||||
transformation or translation of a Source form, including but
|
||||
not limited to compiled object code, generated documentation,
|
||||
and conversions to other media types.
|
||||
|
||||
"Work" shall mean the work of authorship, whether in Source or
|
||||
Object form, made available under the License, as indicated by a
|
||||
copyright notice that is included in or attached to the work
|
||||
(an example is provided in the Appendix below).
|
||||
|
||||
"Derivative Works" shall mean any work, whether in Source or Object
|
||||
form, that is based on (or derived from) the Work and for which the
|
||||
editorial revisions, annotations, elaborations, or other modifications
|
||||
represent, as a whole, an original work of authorship. For the purposes
|
||||
of this License, Derivative Works shall not include works that remain
|
||||
separable from, or merely link (or bind by name) to the interfaces of,
|
||||
the Work and Derivative Works thereof.
|
||||
|
||||
"Contribution" shall mean any work of authorship, including
|
||||
the original version of the Work and any modifications or additions
|
||||
to that Work or Derivative Works thereof, that is intentionally
|
||||
submitted to Licensor for inclusion in the Work by the copyright owner
|
||||
or by an individual or Legal Entity authorized to submit on behalf of
|
||||
the copyright owner. For the purposes of this definition, "submitted"
|
||||
means any form of electronic, verbal, or written communication sent
|
||||
to the Licensor or its representatives, including but not limited to
|
||||
communication on electronic mailing lists, source code control systems,
|
||||
and issue tracking systems that are managed by, or on behalf of, the
|
||||
Licensor for the purpose of discussing and improving the Work, but
|
||||
excluding communication that is conspicuously marked or otherwise
|
||||
designated in writing by the copyright owner as "Not a Contribution."
|
||||
|
||||
"Contributor" shall mean Licensor and any individual or Legal Entity
|
||||
on behalf of whom a Contribution has been received by Licensor and
|
||||
subsequently incorporated within the Work.
|
||||
|
||||
2. Grant of Copyright License. Subject to the terms and conditions of
|
||||
this License, each Contributor hereby grants to You a perpetual,
|
||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||
copyright license to reproduce, prepare Derivative Works of,
|
||||
publicly display, publicly perform, sublicense, and distribute the
|
||||
Work and such Derivative Works in Source or Object form.
|
||||
|
||||
3. Grant of Patent License. Subject to the terms and conditions of
|
||||
this License, each Contributor hereby grants to You a perpetual,
|
||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||
(except as stated in this section) patent license to make, have made,
|
||||
use, offer to sell, sell, import, and otherwise transfer the Work,
|
||||
where such license applies only to those patent claims licensable
|
||||
by such Contributor that are necessarily infringed by their
|
||||
Contribution(s) alone or by combination of their Contribution(s)
|
||||
with the Work to which such Contribution(s) was submitted. If You
|
||||
institute patent litigation against any entity (including a
|
||||
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
||||
or a Contribution incorporated within the Work constitutes direct
|
||||
or contributory patent infringement, then any patent licenses
|
||||
granted to You under this License for that Work shall terminate
|
||||
as of the date such litigation is filed.
|
||||
|
||||
4. Redistribution. You may reproduce and distribute copies of the
|
||||
Work or Derivative Works thereof in any medium, with or without
|
||||
modifications, and in Source or Object form, provided that You
|
||||
meet the following conditions:
|
||||
|
||||
(a) You must give any other recipients of the Work or
|
||||
Derivative Works a copy of this License; and
|
||||
|
||||
(b) You must cause any modified files to carry prominent notices
|
||||
stating that You changed the files; and
|
||||
|
||||
(c) You must retain, in the Source form of any Derivative Works
|
||||
that You distribute, all copyright, patent, trademark, and
|
||||
attribution notices from the Source form of the Work,
|
||||
excluding those notices that do not pertain to any part of
|
||||
the Derivative Works; and
|
||||
|
||||
(d) If the Work includes a "NOTICE" text file as part of its
|
||||
distribution, then any Derivative Works that You distribute must
|
||||
include a readable copy of the attribution notices contained
|
||||
within such NOTICE file, excluding those notices that do not
|
||||
pertain to any part of the Derivative Works, in at least one
|
||||
of the following places: within a NOTICE text file distributed
|
||||
as part of the Derivative Works; within the Source form or
|
||||
documentation, if provided along with the Derivative Works; or,
|
||||
within a display generated by the Derivative Works, if and
|
||||
wherever such third-party notices normally appear. The contents
|
||||
of the NOTICE file are for informational purposes only and
|
||||
do not modify the License. You may add Your own attribution
|
||||
notices within Derivative Works that You distribute, alongside
|
||||
or as an addendum to the NOTICE text from the Work, provided
|
||||
that such additional attribution notices cannot be construed
|
||||
as modifying the License.
|
||||
|
||||
You may add Your own copyright statement to Your modifications and
|
||||
may provide additional or different license terms and conditions
|
||||
for use, reproduction, or distribution of Your modifications, or
|
||||
for any such Derivative Works as a whole, provided Your use,
|
||||
reproduction, and distribution of the Work otherwise complies with
|
||||
the conditions stated in this License.
|
||||
|
||||
5. Submission of Contributions. Unless You explicitly state otherwise,
|
||||
any Contribution intentionally submitted for inclusion in the Work
|
||||
by You to the Licensor shall be under the terms and conditions of
|
||||
this License, without any additional terms or conditions.
|
||||
Notwithstanding the above, nothing herein shall supersede or modify
|
||||
the terms of any separate license agreement you may have executed
|
||||
with Licensor regarding such Contributions.
|
||||
|
||||
6. Trademarks. This License does not grant permission to use the trade
|
||||
names, trademarks, service marks, or product names of the Licensor,
|
||||
except as required for reasonable and customary use in describing the
|
||||
origin of the Work and reproducing the content of the NOTICE file.
|
||||
|
||||
7. Disclaimer of Warranty. Unless required by applicable law or
|
||||
agreed to in writing, Licensor provides the Work (and each
|
||||
Contributor provides its Contributions) on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
||||
implied, including, without limitation, any warranties or conditions
|
||||
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
||||
PARTICULAR PURPOSE. You are solely responsible for determining the
|
||||
appropriateness of using or redistributing the Work and assume any
|
||||
risks associated with Your exercise of permissions under this License.
|
||||
|
||||
8. Limitation of Liability. In no event and under no legal theory,
|
||||
whether in tort (including negligence), contract, or otherwise,
|
||||
unless required by applicable law (such as deliberate and grossly
|
||||
negligent acts) or agreed to in writing, shall any Contributor be
|
||||
liable to You for damages, including any direct, indirect, special,
|
||||
incidental, or consequential damages of any character arising as a
|
||||
result of this License or out of the use or inability to use the
|
||||
Work (including but not limited to damages for loss of goodwill,
|
||||
work stoppage, computer failure or malfunction, or any and all
|
||||
other commercial damages or losses), even if such Contributor
|
||||
has been advised of the possibility of such damages.
|
||||
|
||||
9. Accepting Warranty or Additional Liability. While redistributing
|
||||
the Work or Derivative Works thereof, You may choose to offer,
|
||||
and charge a fee for, acceptance of support, warranty, indemnity,
|
||||
or other liability obligations and/or rights consistent with this
|
||||
License. However, in accepting such obligations, You may act only
|
||||
on Your own behalf and on Your sole responsibility, not on behalf
|
||||
of any other Contributor, and only if You agree to indemnify,
|
||||
defend, and hold each Contributor harmless for any liability
|
||||
incurred by, or claims asserted against, such Contributor by reason
|
||||
of your accepting any such warranty or additional liability.
|
||||
|
||||
END OF TERMS AND CONDITIONS
|
||||
|
||||
APPENDIX: How to apply the Apache License to your work.
|
||||
|
||||
To apply the Apache License to your work, attach the following
|
||||
boilerplate notice, with the fields enclosed by brackets "[]"
|
||||
replaced with your own identifying information. (Don't include
|
||||
the brackets!) The text should be enclosed in the appropriate
|
||||
comment syntax for the file format. We also recommend that a
|
||||
file or class name and description of purpose be included on the
|
||||
same "printed page" as the copyright notice for easier
|
||||
identification within third-party archives.
|
||||
|
||||
Copyright [yyyy] [name of copyright owner]
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
{
|
||||
"requires": true,
|
||||
"lockfileVersion": 1,
|
||||
"dependencies": {
|
||||
"bulma-switch": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmjs.org/bulma-switch/-/bulma-switch-2.0.0.tgz",
|
||||
"integrity": "sha512-myD38zeUfjmdduq+pXabhJEe3x2hQP48l/OI+Y0fO3HdDynZUY/VJygucvEAJKRjr4HxD5DnEm4yx+oDOBXpAA=="
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue