mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2024-09-20 23:16:15 +08:00
Merge pull request #3159 from aignatov-bio/ai-sci-5249-update-dashboard-widget-size
Fix dashboard CSS [SCI-5249][SCI-5489]
This commit is contained in:
commit
060d5c1c2e
|
@ -5,7 +5,6 @@
|
||||||
|
|
||||||
.dashboard-container .calendar-widget {
|
.dashboard-container .calendar-widget {
|
||||||
--calendar-day-size: 32px;
|
--calendar-day-size: 32px;
|
||||||
min-height: 320px;
|
|
||||||
|
|
||||||
.dashboard-calendar {
|
.dashboard-calendar {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
@ -40,9 +39,9 @@
|
||||||
flex-basis: calc(100% - 42px);
|
flex-basis: calc(100% - 42px);
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
grid-column-gap: 6px;
|
grid-column-gap: 6px;
|
||||||
grid-row-gap: 6px;
|
grid-row-gap: 2px;
|
||||||
grid-template-columns: repeat(7, 1fr);
|
grid-template-columns: repeat(7, 1fr);
|
||||||
grid-template-rows: repeat(7, 1fr);
|
grid-template-rows: repeat(auto-fit, minmax(1em, 1fr));
|
||||||
justify-items: center;
|
justify-items: center;
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
|
|
||||||
|
|
|
@ -62,6 +62,7 @@
|
||||||
.filter-container {
|
.filter-container {
|
||||||
height: 36px;
|
height: 36px;
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
|
position: relative;
|
||||||
width: 36px;
|
width: 36px;
|
||||||
|
|
||||||
.current-tasks-filters {
|
.current-tasks-filters {
|
||||||
|
|
|
@ -12,19 +12,20 @@
|
||||||
|
|
||||||
.dashboard-view {
|
.dashboard-view {
|
||||||
--dashboard-widgets-gap: 30px;
|
--dashboard-widgets-gap: 30px;
|
||||||
padding: calc(var(--dashboard-widgets-gap) / 2)
|
padding: 15px
|
||||||
calc(var(--dashboard-widgets-gap) / 2)
|
var(--dashboard-widgets-gap)
|
||||||
|
15px
|
||||||
var(--dashboard-widgets-gap);
|
var(--dashboard-widgets-gap);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dashboard-header {
|
.dashboard-header {
|
||||||
padding-bottom: calc(var(--dashboard-widgets-gap) / 2);
|
padding-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dashboard-container {
|
.dashboard-container {
|
||||||
--widget-header-size: 44px;
|
--widget-header-size: 44px;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-auto-rows: 28em;
|
grid-auto-rows: 26em;
|
||||||
grid-column-gap: var(--dashboard-widgets-gap);
|
grid-column-gap: var(--dashboard-widgets-gap);
|
||||||
grid-row-gap: var(--dashboard-widgets-gap);
|
grid-row-gap: var(--dashboard-widgets-gap);
|
||||||
grid-template-columns: repeat(auto-fit, minmax(7em, 1fr));
|
grid-template-columns: repeat(auto-fit, minmax(7em, 1fr));
|
||||||
|
@ -101,6 +102,10 @@
|
||||||
.dashboard-container {
|
.dashboard-container {
|
||||||
grid-auto-rows: 20em;
|
grid-auto-rows: 20em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dashboard-view {
|
||||||
|
--dashboard-widgets-gap: 15px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-height: 1080px) {
|
@media (min-height: 1080px) {
|
||||||
|
@ -110,9 +115,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 700px) {
|
@media (max-width: 700px) {
|
||||||
.dashboard-view {
|
|
||||||
--dashboard-widgets-gap: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dashboard-container {
|
.dashboard-container {
|
||||||
--widget-header-size: 72px;
|
--widget-header-size: 72px;
|
||||||
|
|
|
@ -102,7 +102,7 @@
|
||||||
width: 460px;
|
width: 460px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
.footer:not(.center) {
|
||||||
.btn:last-child {
|
.btn:last-child {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
|
@ -51,7 +51,7 @@
|
||||||
data-disable-placeholder="<%= t("dashboard.current_tasks.filter.select_experiment") %>"
|
data-disable-placeholder="<%= t("dashboard.current_tasks.filter.select_experiment") %>"
|
||||||
data-placeholder="<%= t("dashboard.current_tasks.filter.select_experiment") %>"></select>
|
data-placeholder="<%= t("dashboard.current_tasks.filter.select_experiment") %>"></select>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer">
|
<div class="footer center">
|
||||||
<div class="btn btn-primary apply-filters"><%= t("dashboard.current_tasks.filter.apply") %></div>
|
<div class="btn btn-primary apply-filters"><%= t("dashboard.current_tasks.filter.apply") %></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue