mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-22 23:21:08 +02:00
fbed961190
* WIP/initial routing-ish * refactor date dropdown to reuse in modal and allowe current month selection * swap linter disable line * refactor date-dropdown to return object * refactor calendar widget, add tests * change calendar start and end args to getters * refactor dashboard to use date objects instead of array of year, month * remove dashboard files for easier to follow git diff * comment out dashboard tab until route name updated * delete current tab and route * fix undefined banner time * cleanup version history serializer and upgrade data * first pass of updating tests * add changelog * update client count util test * validate end time is after start time * update comment * add current month to calendar widget * add comments for code changes to make following API update * Removed a modified file from pull request * address comments/cleanup * update variables to const * update test const * rename history -> dashboard, fix tests * fix timestamps for attribution chart * update release note * refactor using backend start and end time params * add test for adapter formatting time params * fix tests * cleanup adapter comment and query params * change back history file name for diff * rename file using cli * revert filenames * rename files via git cli * revert route file name * last cli rename * refactor mirage * hold off on running total changes * update params in test * refactor to remove conditional assertions * finish tests * fix firefox tooltip * remove current-when * refactor version history * add timezone/UTC note * final cleanup!!!! * fix test * fix client count date tests * fix date-dropdown test * clear datedropdown completely * update date selectors to accommodate new year (#18586) * Revert "hold off on running total changes" This reverts commit 8dc79a626d549df83bc47e290392a556c670f98f. * remove assumed 0 values * update average helper to only calculate for array of objects * remove passing in bar chart data, map in running totals component instead * cleanup usage stat component * clear ss filters for new queries * update csv export, add explanation to modal * update test copy * consistently return null if no upgrade during activity (instead of empty array) * update description, add clarifying comments * update tes * add more clarifying comments * fix historic single month chart * remove old test tag * Update ui/app/components/clients/dashboard.js
125 lines
2.3 KiB
SCSS
125 lines
2.3 KiB
SCSS
$dark-gray: #535f73;
|
|
|
|
.calendar-content {
|
|
display: flex;
|
|
width: 234px;
|
|
|
|
&.calendar-open {
|
|
width: 500px;
|
|
}
|
|
|
|
> .menu {
|
|
margin-bottom: 0px;
|
|
}
|
|
}
|
|
.calendar-title {
|
|
padding: $size-10 $size-8;
|
|
}
|
|
.calendar-widget-dropdown {
|
|
@extend .button;
|
|
@extend .is-ghost;
|
|
@extend .has-icon-right;
|
|
border: 0;
|
|
color: $black;
|
|
transition: background-color $speed;
|
|
width: 150px;
|
|
|
|
&:hover {
|
|
background-color: $ui-gray-100;
|
|
border: 0;
|
|
color: $blue;
|
|
}
|
|
|
|
&.is-active {
|
|
background-color: $ui-gray-100;
|
|
border: 0;
|
|
color: $blue;
|
|
}
|
|
}
|
|
|
|
.select-year {
|
|
grid-area: select-year;
|
|
margin-left: 24px;
|
|
margin-top: 10px;
|
|
font-weight: $font-weight-bold;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: first baseline;
|
|
|
|
// spacing of < year > icons when the tooltip is added or removed from DOM.
|
|
> .padding-right {
|
|
// if no tooltip
|
|
padding-right: 26px;
|
|
}
|
|
> .negative-margin {
|
|
// if tooltip
|
|
margin-right: -50px;
|
|
}
|
|
}
|
|
|
|
.calendar-widget {
|
|
grid-area: calendar-widget;
|
|
|
|
> button {
|
|
&.is-month-list {
|
|
background-color: white;
|
|
color: black;
|
|
text-align: center;
|
|
border: 1px solid $ui-gray-200;
|
|
border-radius: 2px;
|
|
}
|
|
&.is-current-month {
|
|
border: 1px solid $ui-gray-900;
|
|
}
|
|
&:hover {
|
|
background-color: lighten($dark-gray, 30%);
|
|
color: white;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
&.is-readOnly {
|
|
background-color: $ui-gray-100;
|
|
color: lighten($dark-gray, 30%);
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.border-col {
|
|
grid-area: border-col;
|
|
background-color: $ui-gray-200;
|
|
}
|
|
|
|
.calendar-widget-container {
|
|
display: grid;
|
|
grid-template-areas:
|
|
'select-year'
|
|
'calendar-widget';
|
|
grid-template-columns: 1fr;
|
|
grid-template-rows: 0.7fr 3fr;
|
|
box-shadow: $box-shadow, $box-shadow-middle;
|
|
background-color: white;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.calendar-widget-grid {
|
|
display: grid;
|
|
grid-template-columns: 110px 110px;
|
|
grid-template-rows: repeat(2, 1fr);
|
|
grid-gap: 0.7rem;
|
|
padding: 7px 28px 28px 28px;
|
|
}
|
|
|
|
// for modal-dialog tooltips
|
|
.calendar-tooltip {
|
|
background-color: $ui-gray-700;
|
|
color: white;
|
|
font-size: $size-8;
|
|
padding: $size-9;
|
|
border-radius: $radius-large;
|
|
width: 141px;
|
|
}
|
|
.ember-modal-dialog {
|
|
z-index: 1000;
|
|
}
|