luxolus/open-vault
2
0
Fork 0
Code Issues 1 Pull requests Releases Activity
open-vault/ui/app/styles/components/stat-text.scss

106 lines
2.2 KiB
SCSS
Raw Normal View History

UI/StatText Component (#12295) * creates stattext component * creates .scss file * creates storybook * fixes typo * fixes readme * adds changelog * finishes tests
2021-08-16 18:55:12 +00:00
.stat-text-container {
line-height: normal;
UI/Clients single month template (#13635) * create SingleMonth template * updates stattext styling * add flex helper and fix header margin * rename variable in formatNumber helper * update templates with size-specific margins * clarify class name * fix jsdoc param type
2022-01-13 18:00:50 +00:00
max-height: 100%;
Client count updates (#12554) * Client count updates - Added Current month tab which leverages partial monthly activity api - Refactored Vault usage to Monthly history - New client count history component based on StatText and BarChart component - Restrict bar chart to showcase only top 10 namespaces - Removed config route, as config and history component will be rendered based on query param - Updated all metrics reference to clients - Removed old tests and added integration test for current month * Fixed navbar permission - Added changelog * Updated the model for current month data * Fixed current month tests * Fixed indentation and chart label
2021-09-16 22:28:03 +00:00
display: flex;
flex-direction: column;
UI/StatText Component (#12295) * creates stattext component * creates .scss file * creates storybook * fixes typo * fixes readme * adds changelog * finishes tests
2021-08-16 18:55:12 +00:00
&.l,
&.m {
.stat-label {
font-size: $size-5;
font-weight: $font-weight-semibold;
UI/Client count page bug fixes (#12914) * fix spacing between bars * fix month displayed on client count page * centers tooltip over cursor when page browser fills window * wraps date.length check in conditional * adds test to date-format helper * formats client count numbers * fixes tooltip miscalculating percent * fixes config data for monthly mirage endpoint
2021-10-26 23:10:09 +00:00
margin-bottom: $spacing-xxs;
UI/StatText Component (#12295) * creates stattext component * creates .scss file * creates storybook * fixes typo * fixes readme * adds changelog * finishes tests
2021-08-16 18:55:12 +00:00
line-height: inherit;
}
.stat-text {
font-size: $size-8;
font-weight: $font-weight-normal;
color: $ui-gray-700;
line-height: inherit;
}
.stat-value {
font-size: $size-3;
font-weight: $font-weight-normal;
margin-top: $spacing-s;
}
}
&.s {
.stat-label {
font-size: $size-5;
font-weight: $font-weight-semibold;
line-height: inherit;
}
.stat-text {
font-size: $size-8;
font-weight: $font-weight-normal;
color: $ui-gray-700;
line-height: inherit;
}
.stat-value {
font-size: $size-5;
font-weight: $font-weight-normal;
margin-top: $spacing-s;
}
}
&.l-no-subText {
.stat-label {
font-size: $size-5;
font-weight: $font-weight-semibold;
line-height: inherit;
}
.stat-text {
font-size: $size-8;
font-weight: $font-weight-normal;
color: $ui-gray-700;
line-height: inherit;
}
.stat-value {
font-size: $size-3;
font-weight: $font-weight-normal;
margin-top: $spacing-xxs;
}
}
&.m-no-subText {
.stat-label {
font-size: $size-8;
font-weight: $font-weight-bold;
line-height: inherit;
}
.stat-text {
font-size: $size-8;
font-weight: $font-weight-normal;
color: $ui-gray-700;
line-height: inherit;
}
.stat-value {
font-size: $size-5;
font-weight: $font-weight-normal;
margin-top: $spacing-xxs;
}
}
&.s-no-subText {
.stat-label {
font-size: $size-8;
font-weight: $font-weight-normal;
color: $ui-gray-500;
line-height: inherit;
}
.stat-text {
font-size: $size-8;
font-weight: $font-weight-normal;
color: $ui-gray-700;
line-height: inherit;
}
.stat-value {
font-size: $size-8;
font-weight: $font-weight-normal;
color: $ui-gray-800;
line-height: inherit;
}
}
}
Reference in a new issue Copy permalink