Skip to content
Permalink
Browse files
Current tracked branch failures: UI-based data filters were added to …
…UI (expandable panel)
  • Loading branch information
dspavlov committed Jul 25, 2019
1 parent e9eeb1b commit 589bbd27b3a812356495cbec543b50116c66d806
Showing 2 changed files with 507 additions and 42 deletions.
@@ -0,0 +1,372 @@

/** See original sources in
https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.css */

.v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
/** Ripples */
/** Elements */
.v-color-picker .v-input__slider {
border-radius: 5px;
}
.v-color-picker .v-input__slider .v-slider {
margin: 0;
}

.v-color-picker__alpha:not(.v-input--is-disabled) .v-slider {
border-radius: 5px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgYGCQwoKxgqGgcJA5h3yFAAs8BRWVSwooAAAAAElFTkSuQmCC) repeat;
}

.v-color-picker__sliders {
display: flex;
flex: 1 0 auto;
flex-direction: column;
}

.v-color-picker__dot {
position: relative;
height: 30px;
margin-right: 24px;
width: 30px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgYGCQwoKxgqGgcJA5h3yFAAs8BRWVSwooAAAAAElFTkSuQmCC) repeat;
border-radius: 50%;
overflow: hidden;
}
.v-color-picker__dot > div {
width: 100%;
height: 100%;
}

.v-color-picker__hue {
margin-bottom: 24px;
}
.v-color-picker__hue:not(.v-input--is-disabled) {
background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
}

.v-color-picker__track {
position: relative;
width: 100%;
}

.v-color-picker__preview {
align-items: center;
display: flex;
}
.v-color-picker__preview .v-slider {
min-height: 10px;
}
.v-color-picker__preview .v-slider:not(.v-slider--disabled) .v-slider__thumb {
box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.v-color-picker__preview .v-slider:not(.v-slider--disabled) .v-slider__track-container {
opacity: 0;
}
/** Ripples */
/** Elements */
.theme--light.v-slider .v-slider__track-background,
.theme--light.v-slider .v-slider__track-fill,
.theme--light.v-slider .v-slider__thumb {
background: rgba(0, 0, 0, 0.26);
}

.theme--dark.v-slider .v-slider__track-background,
.theme--dark.v-slider .v-slider__track-fill,
.theme--dark.v-slider .v-slider__thumb {
background: rgba(255, 255, 255, 0.2);
}

.v-slider {
cursor: default;
display: flex;
align-items: center;
position: relative;
flex: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.v-slider input {
cursor: default;
padding: 0;
width: 100%;
display: none;
}

.v-slider__track-container {
position: absolute;
border-radius: 0;
}

.v-slider__track-background, .v-slider__track-fill {
position: absolute;
transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.v-slider__thumb-container {
outline: none;
position: absolute;
transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
top: 50%;
}
.v-slider__thumb-container:hover .v-slider__thumb:before {
transform: scale(1);
}

.v-slider__thumb {
position: absolute;
width: 12px;
height: 12px;
left: -6px;
top: 50%;
border-radius: 50%;
transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
transform: translateY(-50%);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.v-slider__thumb:before {
transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
content: "";
color: inherit;
width: 36px;
height: 36px;
border-radius: 50%;
background: currentColor;
opacity: 0.3;
position: absolute;
left: -12px;
top: -12px;
transform: scale(0.1);
pointer-events: none;
}

.v-slider__ticks-container {
position: absolute;
}

.v-slider__tick {
position: absolute;
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
border-radius: 0;
}
.v-slider__tick--filled {
background-color: rgba(255, 255, 255, 0.5);
}
.v-slider__tick:first-child .v-slider__tick-label {
transform: none;
}
.v-application--is-rtl .v-slider__tick:first-child .v-slider__tick-label {
transform: translateX(100%);
}
.v-slider__tick:last-child .v-slider__tick-label {
transform: translateX(-100%);
}
.v-application--is-rtl .v-slider__tick:last-child .v-slider__tick-label {
transform: none;
}

.v-slider__tick-label {
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}

.v-slider__thumb-label-container {
position: absolute;
left: 0;
top: 0;
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.v-slider__thumb-label {
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: #fff;
width: 32px;
height: 32px;
border-radius: 50% 50% 0;
position: absolute;
left: 0;
bottom: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.v-slider--horizontal {
min-height: 32px;
margin-left: 8px;
margin-right: 8px;
}
.v-slider--horizontal .v-slider__track-container {
width: 100%;
height: 2px;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.v-slider--horizontal .v-slider__track-background, .v-slider--horizontal .v-slider__track-fill {
height: 100%;
}
.v-slider--horizontal .v-slider__ticks-container {
left: 0;
height: 2px;
width: 100%;
}
.v-slider--horizontal .v-slider__tick:first-child .v-slider__tick-label {
transform: translateX(0%);
}
.v-application--is-rtl .v-slider--horizontal .v-slider__tick:first-child .v-slider__tick-label {
transform: translate(100%);
}
.v-slider--horizontal .v-slider__tick:last-child .v-slider__tick-label {
transform: translateX(-100%);
}
.v-application--is-rtl .v-slider--horizontal .v-slider__tick:last-child .v-slider__tick-label {
transform: translateX(0%);
}
.v-slider--horizontal .v-slider__tick .v-slider__tick-label {
top: 8px;
transform: translateX(-50%);
}
.v-application--is-rtl .v-slider--horizontal .v-slider__tick .v-slider__tick-label {
transform: translateX(50%);
}
.v-slider--horizontal .v-slider__thumb-label {
transform: translateY(-20%) translateY(-12px) translateX(-50%) rotate(45deg);
}
.v-slider--horizontal .v-slider__thumb-label > * {
transform: rotate(-45deg);
}

.v-slider--vertical {
min-height: 150px;
margin-top: 12px;
margin-bottom: 12px;
}
.v-slider--vertical .v-slider__track-container {
height: 100%;
width: 2px;
left: 50%;
top: 0;
transform: translateX(-50%);
}
.v-slider--vertical .v-slider__track-background, .v-slider--vertical .v-slider__track-fill {
width: 100%;
}
.v-slider--vertical .v-slider__thumb-container {
left: 50%;
}
.v-slider--vertical .v-slider__ticks-container {
top: 0;
width: 2px;
height: 100%;
left: 50%;
transform: translateX(-50%);
}
.v-slider--vertical .v-slider__tick:first-child .v-slider__tick-label {
transform: translateY(-50%);
}
.v-application--is-rtl .v-slider--vertical .v-slider__tick:first-child .v-slider__tick-label {
right: 12px;
}
.v-slider--vertical .v-slider__tick:last-child .v-slider__tick-label {
transform: translateY(-50%);
}
.v-application--is-rtl .v-slider--vertical .v-slider__tick:last-child .v-slider__tick-label {
transform: translateY(-50%);
}
.v-slider--vertical .v-slider__tick .v-slider__tick-label {
left: 12px;
transform: translateY(-50%);
}
.v-application--is-rtl .v-slider--vertical .v-slider__tick .v-slider__tick-label {
left: auto;
right: 12px;
}
.v-slider--vertical .v-slider__thumb-label > * {
transform: rotate(-135deg);
}

.v-slider__thumb-container--focused .v-slider__thumb:before {
transform: scale(1);
}

.v-slider--active .v-slider__tick {
opacity: 1;
}

.v-slider__thumb-container--active .v-slider__thumb:before {
transform: scale(1.5) !important;
}

.v-slider--disabled {
pointer-events: none;
}
.v-slider--disabled .v-slider__thumb {
width: 8px;
height: 8px;
left: -4px;
}
.v-slider--disabled .v-slider__thumb:before {
display: none;
}

.v-slider__ticks-container--always-show .v-slider__tick {
opacity: 1;
}

.v-slider--readonly {
pointer-events: none;
}

.v-input__slider .v-input__slot .v-label {
margin-left: 0;
margin-right: 12px;
}
.v-application--is-rtl .v-input__slider .v-input__slot .v-label {
margin-right: 0;
margin-left: 12px;
}

.v-input__slider--inverse-label .v-input__slot .v-label {
margin-right: 0;
margin-left: 12px;
}
.v-application--is-rtl .v-input__slider--inverse-label .v-input__slot .v-label {
margin-left: 0;
margin-right: 12px;
}

.v-input__slider--vertical {
align-items: center;
flex-direction: column-reverse;
}
.v-application--is-rtl .v-input__slider--vertical {
flex-direction: column;
}
.v-input__slider--vertical .v-input__slot, .v-input__slider--vertical .v-input__prepend-outer, .v-input__slider--vertical .v-input__append-outer {
margin: 0;
}
.v-input__slider--vertical .v-messages {
display: none;
}

.v-input--has-state .v-slider__track-background {
opacity: 0.4;
}

0 comments on commit 589bbd2

Please sign in to comment.