Refactor heatmap to vue component (#5401)
This commit is contained in:
parent
c03a9b3e42
commit
e09fe48773
18 changed files with 258 additions and 384 deletions
1
public/vendor/plugins/vue-calendar-heatmap/vue-calendar-heatmap.browser.js
vendored
Normal file
1
public/vendor/plugins/vue-calendar-heatmap/vue-calendar-heatmap.browser.js
vendored
Normal file
File diff suppressed because one or more lines are too long
112
public/vendor/plugins/vue-calendar-heatmap/vue-calendar-heatmap.css
vendored
Normal file
112
public/vendor/plugins/vue-calendar-heatmap/vue-calendar-heatmap.css
vendored
Normal file
|
@ -0,0 +1,112 @@
|
|||
|
||||
svg.vch__wrapper[data-v-a9cfea66] {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
line-height: 10px;
|
||||
}
|
||||
svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9cfea66] {
|
||||
font-size: 10px;
|
||||
}
|
||||
svg.vch__wrapper .vch__days__labels__wrapper text.vch__day__label[data-v-a9cfea66],
|
||||
svg.vch__wrapper .vch__legend__wrapper text[data-v-a9cfea66] {
|
||||
font-size: 9px;
|
||||
}
|
||||
svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9cfea66],
|
||||
svg.vch__wrapper .vch__days__labels__wrapper text.vch__day__label[data-v-a9cfea66],
|
||||
svg.vch__wrapper .vch__legend__wrapper text[data-v-a9cfea66] {
|
||||
fill: #767676;
|
||||
}
|
||||
svg.vch__wrapper rect.vch__day__square[data-v-a9cfea66]:hover {
|
||||
stroke: #555;
|
||||
stroke-width: 1px;
|
||||
}
|
||||
svg.vch__wrapper rect.vch__day__square[data-v-a9cfea66]:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.vue-tooltip-theme.tooltip {
|
||||
display: block !important;
|
||||
z-index: 10000;
|
||||
}
|
||||
.vue-tooltip-theme.tooltip .tooltip-inner {
|
||||
background: rgba(0, 0, 0, .7);
|
||||
border-radius: 3px;
|
||||
color: #ebedf0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
padding: 14px 10px;
|
||||
}
|
||||
.vue-tooltip-theme.tooltip .tooltip-inner b {
|
||||
color: white;
|
||||
}
|
||||
.vue-tooltip-theme.tooltip .tooltip-arrow {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
position: absolute;
|
||||
margin: 5px;
|
||||
border-color: black;
|
||||
z-index: 1;
|
||||
}
|
||||
.vue-tooltip-theme.tooltip[x-placement^="top"] {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.vue-tooltip-theme.tooltip[x-placement^="top"] .tooltip-arrow {
|
||||
border-width: 5px 5px 0 5px;
|
||||
border-left-color: transparent !important;
|
||||
border-right-color: transparent !important;
|
||||
border-bottom-color: transparent !important;
|
||||
bottom: -5px;
|
||||
left: calc(50% - 5px);
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.vue-tooltip-theme.tooltip[x-placement^="bottom"] {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.vue-tooltip-theme.tooltip[x-placement^="bottom"] .tooltip-arrow {
|
||||
border-width: 0 5px 5px 5px;
|
||||
border-left-color: transparent !important;
|
||||
border-right-color: transparent !important;
|
||||
border-top-color: transparent !important;
|
||||
top: -5px;
|
||||
left: calc(50% - 5px);
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.vue-tooltip-theme.tooltip[x-placement^="right"] {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.vue-tooltip-theme.tooltip[x-placement^="right"] .tooltip-arrow {
|
||||
border-width: 5px 5px 5px 0;
|
||||
border-left-color: transparent !important;
|
||||
border-top-color: transparent !important;
|
||||
border-bottom-color: transparent !important;
|
||||
left: -5px;
|
||||
top: calc(50% - 5px);
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.vue-tooltip-theme.tooltip[x-placement^="left"] {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.vue-tooltip-theme.tooltip[x-placement^="left"] .tooltip-arrow {
|
||||
border-width: 5px 0 5px 5px;
|
||||
border-top-color: transparent !important;
|
||||
border-right-color: transparent !important;
|
||||
border-bottom-color: transparent !important;
|
||||
right: -5px;
|
||||
top: calc(50% - 5px);
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.vue-tooltip-theme.tooltip[aria-hidden='true'] {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: opacity .15s, visibility .15s;
|
||||
}
|
||||
.vue-tooltip-theme.tooltip[aria-hidden='false'] {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
transition: opacity .15s;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue