Andreas/wekan
1
0
Fork 0
mirror of https://github.com/wekan/wekan.git synced 2025-12-18 00:10:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Fixed New wide card edit view is all jumbled on mobile.

Browse source 
Thanks to jdaviescoates and xet7 !

Fixes #3890
This commit is contained in:
Lauri Ojansivu 2021-08-26 04:01:44 +03:00
parent 0bdd7c8973
commit 241eb9df0f
1 changed files with 34 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

67
client/components/cards/cardDetails.styl
View file

@ -243,41 +243,42 @@ avatar-radius = 50%
.activities .activities
padding-top: 10px padding-top: 10px
.card-details-maximized @media screen and (min-width: 801px)
padding: 0 .card-details-maximized
flex-shrink: 0 padding: 0
flex-basis: calc(100% - 20px) flex-shrink: 0
will-change: flex-basis flex-basis: calc(100% - 20px)
overflow-y: scroll will-change: flex-basis
overflow-x: scroll overflow-y: scroll
background: darken(white, 3%) overflow-x: scroll
border-radius: bottom 3px background: darken(white, 3%)
z-index: 1000 !important border-radius: bottom 3px
animation: flexGrowIn 0.1s z-index: 1000 !important
box-shadow: 0 0 7px 0 darken(white, 30%) animation: flexGrowIn 0.1s
transition: flex-basis 0.1s box-shadow: 0 0 7px 0 darken(white, 30%)
box-sizing: border-box transition: flex-basis 0.1s
position: absolute box-sizing: border-box
top: 0
left: 0
height: calc(100% - 20px)
width: calc(100% - 20px)
float: left
.card-details-left
float: left
top: 60px
left: 20px
width: 47%
.card-details-right
position: absolute position: absolute
float: right top: 0
top: 20px left: 0
left: 50% height: calc(100% - 20px)
width: calc(100% - 20px)
float: left
.card-details-header .card-details-left
width: 47% float: left
top: 60px
left: 20px
width: 47%
.card-details-right
position: absolute
float: right
top: 20px
left: 50%
.card-details-header
width: 47%
input[type="text"].attachment-add-link-input input[type="text"].attachment-add-link-input
float: left float: left