Adds validation for external ledger import
This commit is contained in:
Bryce Covert
2
resources/sass/bulma.scss
vendored
2
resources/sass/bulma.scss
vendored
@@ -55,7 +55,7 @@ $fullhd-enabled: false;
|
||||
|
||||
@import "../bulma-0.9.0/bulma.sass";
|
||||
@import "./bulma-switch.sass";
|
||||
|
||||
@import "./tooltip/index.sass";
|
||||
|
||||
.loader.big {
|
||||
height: 150px !important;
|
||||
|
||||
4
resources/sass/tooltip/_animation.sass
Normal file
4
resources/sass/tooltip/_animation.sass
Normal file
@@ -0,0 +1,4 @@
|
||||
=tooltip-fade
|
||||
&::before,
|
||||
&::after
|
||||
transition: opacity $tooltip-animation-duration $tooltip-animation-transition-timing-function, visibility $tooltip-animation-duration $tooltip-animation-transition-timing-function
|
||||
124
resources/sass/tooltip/_position.sass
Normal file
124
resources/sass/tooltip/_position.sass
Normal file
@@ -0,0 +1,124 @@
|
||||
=tooltip-hover
|
||||
&:hover::before,
|
||||
&:hover::after,
|
||||
&.has-tooltip-active::before,
|
||||
&.has-tooltip-active::after
|
||||
@content
|
||||
|
||||
=tooltip-arrow-top
|
||||
&.has-tooltip-arrow
|
||||
&::after
|
||||
top: 0
|
||||
right: auto
|
||||
bottom: auto
|
||||
left: 50%
|
||||
margin-top: $tooltip-arrow-size * -1 + 1
|
||||
margin-right: auto
|
||||
margin-bottom: auto
|
||||
margin-left: $tooltip-arrow-size * -1 + 1
|
||||
border-color: rgba($tooltip-background-color, $tooltip-background-opacity) transparent transparent transparent
|
||||
|
||||
=tooltip-box-top
|
||||
&::before
|
||||
top: 0
|
||||
right: auto
|
||||
bottom: auto
|
||||
left: 50%
|
||||
top: 0
|
||||
margin-top: $tooltip-arrow-size * -1 + 1
|
||||
margin-bottom: auto
|
||||
transform: translate(-50%, -100%)
|
||||
|
||||
=tooltip-top
|
||||
+tooltip-arrow-top
|
||||
+tooltip-box-top
|
||||
|
||||
=tooltip-arrow-bottom
|
||||
&.has-tooltip-arrow
|
||||
&::after
|
||||
top: auto
|
||||
right: auto
|
||||
bottom: -1px
|
||||
left: 50%
|
||||
margin-top: auto
|
||||
margin-right: auto
|
||||
margin-bottom: $tooltip-arrow-size * -1 + 1
|
||||
margin-left: $tooltip-arrow-size * -1 + 1
|
||||
border-color: transparent transparent rgba($tooltip-background-color, $tooltip-background-opacity) transparent
|
||||
|
||||
=tooltip-box-bottom
|
||||
&::before
|
||||
top: auto
|
||||
right: auto
|
||||
bottom: 0
|
||||
left: 50%
|
||||
margin-top: auto
|
||||
margin-bottom: $tooltip-arrow-size * -1 + 1
|
||||
transform: translate(-50%, 100%)
|
||||
|
||||
=tooltip-bottom
|
||||
+tooltip-arrow-bottom
|
||||
+tooltip-box-bottom
|
||||
|
||||
|
||||
=tooltip-arrow-left
|
||||
&.has-tooltip-arrow
|
||||
&::after
|
||||
top: auto
|
||||
right: auto
|
||||
bottom: 50%
|
||||
left: 0
|
||||
margin-top: auto
|
||||
margin-right: auto
|
||||
margin-bottom: $tooltip-arrow-size * -1
|
||||
margin-left: $tooltip-arrow-size * -1 + 1
|
||||
border-color: transparent transparent transparent rgba($tooltip-background-color, $tooltip-background-opacity)
|
||||
|
||||
=tooltip-box-left
|
||||
&::before
|
||||
top: auto
|
||||
right: auto
|
||||
bottom: 50%
|
||||
left: $tooltip-arrow-size * -1 + 1
|
||||
transform: translate(-100%, 50%)
|
||||
|
||||
=tooltip-left
|
||||
+tooltip-arrow-left
|
||||
+tooltip-box-left
|
||||
|
||||
|
||||
=tooltip-arrow-right
|
||||
&.has-tooltip-arrow
|
||||
&::after
|
||||
top: auto
|
||||
right: 0
|
||||
bottom: 50%
|
||||
left: auto
|
||||
margin-top: auto
|
||||
margin-right: $tooltip-arrow-size * -1
|
||||
margin-bottom: $tooltip-arrow-size * -1
|
||||
margin-left: auto
|
||||
border-color: transparent rgba($tooltip-background-color, $tooltip-background-opacity) transparent transparent
|
||||
|
||||
=tooltip-box-right
|
||||
&::before
|
||||
top: auto
|
||||
right: $tooltip-arrow-size * -1 + 1
|
||||
bottom: 50%
|
||||
left: auto
|
||||
margin-top: auto
|
||||
transform: translate(100%, 50%)
|
||||
|
||||
=tooltip-right
|
||||
+tooltip-arrow-right
|
||||
+tooltip-box-right
|
||||
|
||||
=tooltip-direction($direction)
|
||||
@if $direction == 'top'
|
||||
@include tooltip-top
|
||||
@else if $direction == 'right'
|
||||
@include tooltip-right
|
||||
@else if $direction == 'bottom'
|
||||
@include tooltip-bottom
|
||||
@else if $direction == 'left'
|
||||
@include tooltip-left
|
||||
151
resources/sass/tooltip/_responsiveness.sass
Normal file
151
resources/sass/tooltip/_responsiveness.sass
Normal file
@@ -0,0 +1,151 @@
|
||||
@each $direction in top, right, bottom, left
|
||||
&.has-tooltip-#{$direction}-mobile
|
||||
+mobile
|
||||
@include tooltip-direction(#{$direction})
|
||||
&.has-tooltip-#{$direction}-tablet
|
||||
+tablet
|
||||
@include tooltip-direction(#{$direction})
|
||||
&.has-tooltip-#{$direction}-tablet-only
|
||||
+tablet-only
|
||||
@include tooltip-direction(#{$direction})
|
||||
&.has-tooltip-#{$direction}-touch
|
||||
+touch
|
||||
@include tooltip-direction(#{$direction})
|
||||
&.has-tooltip-#{$direction}-desktop
|
||||
+desktop
|
||||
@include tooltip-direction(#{$direction})
|
||||
&.has-tooltip-#{$direction}-desktop-only
|
||||
+desktop-only
|
||||
@include tooltip-direction(#{$direction})
|
||||
&.has-tooltip-#{$direction}-until-widescreen
|
||||
+until-widescreen
|
||||
@include tooltip-direction(#{$direction})
|
||||
&.has-tooltip-#{$direction}-widescreen
|
||||
+widescreen
|
||||
@include tooltip-direction(#{$direction})
|
||||
&.has-tooltip-#{$direction}-widescreen-only
|
||||
+widescreen-only
|
||||
@include tooltip-direction(#{$direction})
|
||||
&.has-tooltip-#{$direction}-until-fullhd
|
||||
+until-fullhd
|
||||
@include tooltip-direction(#{$direction})
|
||||
&.has-tooltip-#{$direction}-fullhd
|
||||
+fullhd
|
||||
@include tooltip-direction(#{$direction})
|
||||
|
||||
// Hidden breakpoints
|
||||
&.has-tooltip-hidden-mobile
|
||||
+mobile
|
||||
&::after,
|
||||
&::before
|
||||
opacity: 0 !important
|
||||
display: none !important
|
||||
&.has-tooltip-hidden-tablet
|
||||
+tablet
|
||||
&::after,
|
||||
&::before
|
||||
opacity: 0 !important
|
||||
display: none !important
|
||||
&.has-tooltip-hidden-tablet-only
|
||||
+tablet-only
|
||||
&::after,
|
||||
&::before
|
||||
opacity: 0 !important
|
||||
display: none !important
|
||||
&.has-tooltip-hidden-touch
|
||||
+touch
|
||||
&::after,
|
||||
&::before
|
||||
opacity: 0 !important
|
||||
display: none !important
|
||||
&.has-tooltip-hidden-desktop
|
||||
+desktop
|
||||
&::after,
|
||||
&::before
|
||||
opacity: 0 !important
|
||||
display: none !important
|
||||
&.has-tooltip-hidden-desktop-only
|
||||
+desktop-only
|
||||
&::after,
|
||||
&::before
|
||||
opacity: 0 !important
|
||||
display: none !important
|
||||
&.has-tooltip-hidden-until-widescreen
|
||||
+until-widescreen
|
||||
&::after,
|
||||
&::before
|
||||
opacity: 0 !important
|
||||
display: none !important
|
||||
&.has-tooltip-hidden-widescreen
|
||||
+widescreen
|
||||
&::after,
|
||||
&::before
|
||||
opacity: 0 !important
|
||||
display: none !important
|
||||
&.has-tooltip-hidden-widescreen-only
|
||||
+widescreen-only
|
||||
&::after,
|
||||
&::before
|
||||
opacity: 0 !important
|
||||
display: none !important
|
||||
&.has-tooltip-hidden-until-fullhd
|
||||
+until-fullhd
|
||||
&::after,
|
||||
&::before
|
||||
opacity: 0 !important
|
||||
display: none !important
|
||||
&.has-tooltip-hidden-fullhd
|
||||
+fullhd
|
||||
&::after,
|
||||
&::before
|
||||
opacity: 0 !important
|
||||
display: none !important
|
||||
|
||||
// Text alignement breakpoints
|
||||
@each $direction in (left, left), (centered, center), (right, right)
|
||||
$dir: nth($direction, 1)
|
||||
$text: nth($direction, 2)
|
||||
&.has-tooltip-text-#{$dir}-mobile
|
||||
+mobile
|
||||
&::before
|
||||
text-align: #{$text}
|
||||
&.has-tooltip-text-#{$dir}-tablet
|
||||
+tablet
|
||||
&::before
|
||||
text-align: #{$text}
|
||||
&.has-tooltip-text-#{$dir}-tablet-only
|
||||
+tablet-only
|
||||
&::before
|
||||
text-align: #{$text}
|
||||
&.has-tooltip-text-#{$dir}-touch
|
||||
+touch
|
||||
&::before
|
||||
text-align: #{$text}
|
||||
&.has-tooltip-text-#{$dir}-desktop
|
||||
+desktop
|
||||
&::before
|
||||
text-align: #{$text}
|
||||
&.has-tooltip-text-#{$dir}-desktop-only
|
||||
+desktop-only
|
||||
&::before
|
||||
text-align: #{$text}
|
||||
&.has-tooltip-text-#{$dir}-until-widescreen
|
||||
+until-widescreen
|
||||
&::before
|
||||
text-align: #{$text}
|
||||
&.has-tooltip-text-#{$dir}-widescreen
|
||||
+widescreen
|
||||
&::before
|
||||
text-align: #{$text}
|
||||
&.has-tooltip-text-#{$dir}-widescreen-only
|
||||
+widescreen-only
|
||||
&::before
|
||||
text-align: #{$text}
|
||||
&.has-tooltip-text-#{$dir}-until-fullhd
|
||||
+until-fullhd
|
||||
&::before
|
||||
text-align: #{$text}
|
||||
&.has-tooltip-text-#{$dir}-fullhd
|
||||
+fullhd
|
||||
&::before
|
||||
text-align: #{$text}
|
||||
12
resources/sass/tooltip/_variables.sass
Normal file
12
resources/sass/tooltip/_variables.sass
Normal file
@@ -0,0 +1,12 @@
|
||||
$tooltip-animation-duration: .3s !default
|
||||
$tooltip-animation-transition-timing-function: linear !default
|
||||
$tooltip-arrow-size: 6px !default
|
||||
$tooltip-background-color: $grey-dark !default
|
||||
$tooltip-background-opacity: 0.9 !default
|
||||
$tooltip-color: $white !default
|
||||
$tooltip-font-family: $family-primary !default
|
||||
$tooltip-font-size: $size-7 !default
|
||||
$tooltip-max-width: 15rem !default
|
||||
$tooltip-padding: .5rem 1rem !default
|
||||
$tooltip-radius: $radius-small !default
|
||||
$tooltip-z-index: 1020 !default
|
||||
131
resources/sass/tooltip/index.sass
Normal file
131
resources/sass/tooltip/index.sass
Normal file
@@ -0,0 +1,131 @@
|
||||
@import 'variables'
|
||||
@import 'position'
|
||||
@import 'animation'
|
||||
|
||||
=tooltip-arrow
|
||||
&::after
|
||||
box-sizing: border-box
|
||||
color: $tooltip-color
|
||||
display: inline-block
|
||||
font-family: $tooltip-font-family
|
||||
font-size: $tooltip-font-size
|
||||
hyphens: auto
|
||||
opacity: 0
|
||||
overflow: hidden
|
||||
pointer-events: none
|
||||
position: absolute
|
||||
visibility: hidden
|
||||
z-index: $tooltip-z-index
|
||||
content: ''
|
||||
border-style: solid
|
||||
border-width: $tooltip-arrow-size
|
||||
border-color: rgba($tooltip-background-color, $tooltip-background-opacity) transparent transparent transparent
|
||||
margin-bottom: $tooltip-arrow-size * -1 + 1
|
||||
+tooltip-arrow-top
|
||||
|
||||
=tooltip-box
|
||||
&::before
|
||||
box-sizing: border-box
|
||||
color: $tooltip-color
|
||||
display: inline-block
|
||||
font-family: $tooltip-font-family
|
||||
font-size: $tooltip-font-size
|
||||
hyphens: auto
|
||||
opacity: 0
|
||||
overflow: hidden
|
||||
pointer-events: none
|
||||
position: absolute
|
||||
visibility: hidden
|
||||
z-index: $tooltip-z-index
|
||||
background: rgba($tooltip-background-color, $tooltip-background-opacity)
|
||||
border-radius: $tooltip-radius
|
||||
content: attr(data-tooltip)
|
||||
padding: $tooltip-padding
|
||||
text-overflow: ellipsis
|
||||
white-space: pre
|
||||
+tooltip-box-top
|
||||
|
||||
=tooltip-multiline
|
||||
&::before
|
||||
height: auto
|
||||
width: $tooltip-max-width
|
||||
max-width: $tooltip-max-width
|
||||
text-overflow: clip
|
||||
white-space: normal
|
||||
word-break: keep-all
|
||||
|
||||
[data-tooltip]
|
||||
&:not(.is-loading),
|
||||
&:not(.is-disabled),
|
||||
&:not([disabled])
|
||||
cursor: pointer
|
||||
overflow: visible
|
||||
position: relative
|
||||
|
||||
+tooltip-box
|
||||
&.has-tooltip-arrow
|
||||
+tooltip-arrow
|
||||
|
||||
&.has-tooltip-bottom
|
||||
+tooltip-direction('bottom')
|
||||
|
||||
&.has-tooltip-left
|
||||
+tooltip-direction('left')
|
||||
|
||||
&.has-tooltip-right
|
||||
+tooltip-direction('right')
|
||||
|
||||
&.has-tooltip-multiline
|
||||
+tooltip-multiline
|
||||
|
||||
&.has-tooltip-text-left
|
||||
&::before
|
||||
text-align: left
|
||||
&.has-tooltip-text-centered
|
||||
&::before
|
||||
text-align: center
|
||||
&.has-tooltip-text-right
|
||||
&::before
|
||||
text-align: right
|
||||
|
||||
@each $name, $pair in $colors
|
||||
$color: nth($pair, 1)
|
||||
$color-invert: nth($pair, 2)
|
||||
&.has-tooltip-#{$name}
|
||||
&::after
|
||||
border-color: rgba($color, $tooltip-background-opacity) transparent transparent transparent !important
|
||||
&.has-tooltip-bottom
|
||||
&::after
|
||||
border-color: transparent transparent rgba($color, $tooltip-background-opacity) transparent !important
|
||||
&.has-tooltip-left
|
||||
&::after
|
||||
border-color: transparent transparent transparent rgba($color, $tooltip-background-opacity) !important
|
||||
&.has-tooltip-right
|
||||
&::after
|
||||
border-color: transparent rgba($color, $tooltip-background-opacity) transparent transparent !important
|
||||
&:before
|
||||
background-color: rgba($color, $tooltip-background-opacity)
|
||||
color: $color-invert
|
||||
|
||||
+tooltip-hover
|
||||
opacity: 1
|
||||
visibility: visible
|
||||
|
||||
&.has-tooltip-fade
|
||||
+tooltip-fade
|
||||
|
||||
@import 'responsiveness'
|
||||
|
||||
span
|
||||
&[data-tooltip]
|
||||
border-bottom: 1px dashed $grey-lighter
|
||||
@each $name, $pair in $colors
|
||||
$color: nth($pair, 1)
|
||||
$color-invert: nth($pair, 2)
|
||||
&.has-tooltip-#{$name}
|
||||
border-bottom-color: lighten($color, 5%)
|
||||
|
||||
.control
|
||||
span
|
||||
&[data-tooltip]
|
||||
border-bottom: none
|
||||
Reference in New Issue
Block a user