diff --git a/frontend/src/resources/css/components-dashboard.css b/frontend/src/resources/css/components-dashboard.css index 228398f8..8e3f1b8a 100644 --- a/frontend/src/resources/css/components-dashboard.css +++ b/frontend/src/resources/css/components-dashboard.css @@ -276,7 +276,7 @@ width: 100%; padding: var(--indent-mini) var(--indent-xlarge) var(--indent-mini) var(--indent-xbase); border: 0; - border-radius: 24px; + border-radius: var(--indent-medium); background-color: var(--color-text-secondary); } @@ -524,9 +524,13 @@ top: calc((50% - var(--size-text-secondary)/ 2)); right: var(--indent-base); height: auto; + line-height: 1.5; width: auto; border: 0; } +.webbpm.ervu_dashboard .selectize-control .selectize-input.dropdown-active::after { + transform: rotate(180deg); +} .webbpm.ervu_dashboard .selectize-control .selectize-input::before { display: none; } @@ -539,7 +543,7 @@ .webbpm.ervu_dashboard .selectize-dropdown { height: fit-content; padding: var(--indent-base) 0; - border-radius: 24px; + border-radius: var(--indent-medium); border: 1px solid var(--color-text-secondary); background: linear-gradient(180deg, rgba(19, 46, 55, 0.5) 0%, rgba(19, 46, 55, 0.7) 100%), @@ -631,7 +635,7 @@ .webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-item { position: relative; padding: var(--indent-small) var(--indent-huge) var(--indent-small) var(--indent-base); - border-radius: 8px; + border-radius: var(--indent-mini); } .webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-item.active { background-color: var(--color-success); @@ -689,7 +693,7 @@ color: var(--color-text-secondary); line-height: 1; padding: var(--indent-mini) var(--indent-base); - border-radius: 8px; + border-radius: var(--indent-mini); border: 1px solid var(--color-primary-20); background-color: var(--bg-brick); } @@ -724,7 +728,7 @@ .webbpm.ervu_dashboard .list-group { padding: var(--indent-small) var(--indent-base) var(--indent-base); - border-radius: 8px; + border-radius: var(--indent-mini); border: 0; background-color: var(--color-dark-20); } @@ -1180,7 +1184,8 @@ } .webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu { color: var(--color-text-primary); - border-radius: 24px; + font-size: var(--size-text-secondary); + border-radius: var(--indent-medium); border: 1px solid var(--color-text-secondary); background: linear-gradient(180deg, rgba(19, 46, 55, 0.5) 0%, rgba(19, 46, 55, 0.7) 100%), @@ -1201,9 +1206,9 @@ background-color: transparent; } .webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu td span { - width: 54px; - height: 32px; - line-height: 32px; + width: min(2.7vw, 3.375rem); /*54*/ + height: var(--indent-large); + line-height: var(--indent-large); margin: 0; } .webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu :is(.old, .new) { @@ -1214,6 +1219,11 @@ color: var(--color-success); background-color: transparent; } +.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu .day { + height: var(--indent-medium); + line-height: var(--indent-medium); + width: var(--indent-medium); +} .webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu .today, .webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu .today:hover { color: var(--color-text-primary); @@ -1402,7 +1412,7 @@ color: var(--color-text-primary); font-size: var(--size-text-addprimary); font-family: 'GilroyM'; - border-radius: 8px; + border-radius: var(--indent-mini); border: 1px solid var(--color-primary-20); background-color: var(--bg-brick); } @@ -1410,7 +1420,7 @@ background-color: var(--bg-brick) !important; } .webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-row:is(.ag-row-selected, .ag-row-hover):before { - border-radius: 8px; + border-radius: var(--indent-mini); background-color: var(--bg-brick) !important; } .webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell { @@ -1661,7 +1671,7 @@ .webbpm.ervu_dashboard ervu-file-upload { padding: var(--indent-medium); - border-radius: 8px; + border-radius: var(--indent-mini); border: 1px solid var(--color-primary-20); background-color: var(--bg-brick); }