blender/flamenco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Workers and Tags view when window width is 960px or less (#104413)

Browse Source 
Issue likely began after 7b31eba8d7614e82cfcc4583e1dd3c2f40f87944 as
it was an issue with header not being properly positioned.

Just needed to add `header-L` and `header-R` to `grid-template-areas`
and adjust the rest accordingly, and fix a class name typo.

Reviewed-on: https://projects.blender.org/studio/flamenco/pulls/104413
Reviewed-by: Sybren A. Stüvel <sybren@blender.org>
This commit is contained in:
Vivian Leung 2025-07-18 08:15:29 +02:00 committed by Sybren A. Stüvel
parent dcb184e28e
commit 6284734521
4 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/app/src/assets/base.css
View File

@ -146,10 +146,10 @@ body.is-two-columns #app {
@media (max-width: 960px) { @media (max-width: 960px) {
body.is-two-columns #app { body.is-two-columns #app {
grid-template-areas: grid-template-areas:
"header" "header-L header-R"
"col-1" "col-1 col-1"
"col-2" "col-2 col-2"
"footer"; "footer footer";
grid-template-columns: 1fr; grid-template-columns: 1fr;
grid-template-rows: var(--header-height) 1fr 1fr var(--footer-height); grid-template-rows: var(--header-height) 1fr 1fr var(--footer-height);
} }

2
web/app/src/components/workers/WorkerDetails.vue
View File

@ -46,7 +46,7 @@
<section class="worker-tags" v-if="workers.tags && workers.tags.length"> <section class="worker-tags" v-if="workers.tags && workers.tags.length">
<h3 class="sub-title">Tags</h3> <h3 class="sub-title">Tags</h3>
<ul> <ul>
<li v-for="tag in workers.tags"> <li :key="tag.id" v-for="tag in workers.tags">
<switch-checkbox <switch-checkbox
:isChecked="thisWorkerTags[tag.id]" :isChecked="thisWorkerTags[tag.id]"
:label="tag.name" :label="tag.name"

2
web/app/src/views/WorkersView.vue
View File

@ -26,7 +26,7 @@
grid-area: col-1; grid-area: col-1;
} }
.col-workers-2 { .col-workers-details {
grid-area: col-2; grid-area: col-2;
} }
</style> </style>