JandL_gitea/jandl-taskmanager-app
1
0 Fork 0
mirror of https://bitbucket.org/studiotem/jandl-taskmanager-app.git synced 2026-10-21 14:29:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

[responsive] feedback

Browse Source
This commit is contained in:
romankko2 committed 2023-06-23 21:22:23 +02:00
1 parent f066037046
commit 2e457dc39f
12 files changed
+75 -53
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/src/plugins/tm@dashboard/_components/z-timeline.vue
+1 -1
View File
@@ -380,7 +380,7 @@ export default {
margin-left: 12px
h1
font-size: 16.5px
font-size: 14px
p
font-weight: 400
app/src/plugins/tm@dashboard/projects/_components/a-project-filter.vue
+37 -34
View File
@@ -86,49 +86,52 @@ export default {
}
}
</script>
<style lang="sass" scoped>
// Kravarik: TODO zjednotit styly ikon v globalnom sass subore
// TODO: ↓
.subheader
max-width: 100%
margin: 0
border-bottom: 1px solid rgba(33, 33, 33, 0.08)
gap: 25px
flex-wrap: wrap
position: sticky
top: 0
z-index: 9999
background: white
max-width: 100%
margin: 0
border-bottom: 1px solid rgba(33, 33, 33, 0.08)
gap: 20px
flex-wrap: wrap
position: sticky
top: 0
z-index: 9999
background: white
.subheader-input
max-width: 250px !important
min-width: 250px
max-width: 250px !important
min-width: 250px
&:deep(.v-input__control)
.v-field
height: 50px !important
--v-input-control-height: 50px !important
--v-input-padding-top: 15px !important
&:deep(.v-input__details)
display: none
&:deep(.v-selection-control)
height: 35px
&.disabled
pointer-events: none !important
&:deep(.v-input__details)
display: none
&:deep(.v-selection-control)
height: 35px
&.disabled
pointer-events: none !important
@media (max-width: 600px)
.subheader
gap: 15px
padding: 20px !important
@media (max-width: 600px)
.subheader
gap: 15px
padding: 20px !important
.subheader-input
max-width: 100% !important
min-width: 100%
// TODO: ↑
.subheader-input
max-width: 100% !important
min-width: 100%
.subheader-input.switch
max-width: 100px !important
min-width: 100px !important
max-width: 100px !important
min-width: 100px !important
.subheader-input
&:deep(.v-selection-control--dirty .v-switch__track)
background: rgba(187, 134, 252, 0.38) !important
&:deep(.v-selection-control--dirty .v-switch__track)
background: rgba(187, 134, 252, 0.38) !important
.switch-label
font-size: 12px
color: rgba(0, 0, 0, 0.6)
font-size: 12px
color: rgba(0, 0, 0, 0.6)
</style>
app/src/plugins/tm@dashboard/tasks/_components/a-tasks-filter.vue
+6 -5
View File
@@ -108,8 +108,8 @@ export default {
.subheader-icon-button
border: 1px solid #ABABAB
height: 60px
width: 60px
height: 50px
width: 50px
min-width: auto !important
padding: 0
margin: 0
@@ -134,9 +134,9 @@ export default {
&:deep(.v-input__control)
.v-field
height: 60px !important
--v-input-control-height: 60px !important
--v-input-padding-top: 19px !important
height: 50px !important
--v-input-control-height: 50px !important
--v-input-padding-top: 15px !important
&:deep(.v-input__details)
display: none
@@ -156,6 +156,7 @@ export default {
.subheader-input
max-width: 100% !important
min-width: 100%
margin: 0 10px 10px 0
.date-wrapper
flex-wrap: wrap
app/src/plugins/tm@dashboard/teams/_components/a-team-filter.vue
+10 -3
View File
@@ -121,8 +121,8 @@ export default {
.subheader-icon-button
border: 1px solid #ABABAB
height: 56px
width: 56px
height: 50px
width: 50px
min-width: auto !important
padding: 0
margin: 0
@@ -139,6 +139,13 @@ export default {
.subheader-input
max-width: 250px !important
min-width: 250px
height: 50px !important
&:deep(.v-input__control)
.v-field
height: 50px !important
--v-input-control-height: 50px !important
--v-input-padding-top: 15px !important
&:deep(.v-input__details)
display: none
@@ -159,6 +166,7 @@ export default {
.subheader-input
max-width: 100% !important
min-width: 100%
margin: 0 10px 10px 0
.date-wrapper
flex-wrap: wrap
@@ -170,5 +178,4 @@ export default {
margin: 0
flex: 1 1 calc( 50% - 5px )
height: 40px
</style>