mirror of
https://github.com/wekan/wekan.git
synced 2025-12-16 15:30:13 +01:00
8b5fd09ff3
The layout issue was related to the lack of autoprexing for CSS
properties. c69f993 did improve the reload time significantly but for
that I had to replace `mquandalle:stylus` by the core `stylus`
package. Unfortunatly it is currently difficult to run an autoprefixer
with the core CSS compilers (as reported in
https://github.com/meteor/meteor/issues/5219).
So instead we rely on `nib` which transparently define some mixins for
autoprefixing, the only restrictions being that we have to manually
`@import 'nib'` on top of stylus files.
Fixes #461
60 lines
1.1 KiB
Stylus
60 lines
1.1 KiB
Stylus
@import 'nib'
|
|
|
|
.attachments-galery
|
|
display: flex
|
|
flex-wrap: wrap
|
|
|
|
.attachment-item
|
|
width: 33.33% - 2%
|
|
margin: 10px 1% 0
|
|
text-align: center
|
|
border-radius: 3px
|
|
overflow: hidden
|
|
background: darken(white, 7%)
|
|
min-height: 120px
|
|
|
|
&:hover
|
|
background: darken(white, 12%)
|
|
|
|
&.add-attachment
|
|
display: flex
|
|
align-items: center
|
|
|
|
.attachment-thumbnail
|
|
height: 80px
|
|
display: flex
|
|
align-items: center
|
|
justify-content: center
|
|
position: relative
|
|
|
|
.attachment-thumbnail-img
|
|
height: 100%
|
|
width: 100%
|
|
|
|
.attachment-thumbnail-ext
|
|
text-transform: uppercase
|
|
font-size: 1.6em
|
|
|
|
.attachment-details
|
|
font-size: 0.75em
|
|
margin: 3px
|
|
|
|
.attachment-details-actions
|
|
display: block
|
|
|
|
.attachment-image-preview
|
|
max-width: 100px
|
|
display: block
|
|
box-shadow: 0 1px 2px rgba(0,0,0,.2)
|
|
|
|
.preview-large-image
|
|
max-width: 1000px
|
|
display: block
|
|
box-shadow: 0 1px 2px rgba(0,0,0,.2)
|
|
|
|
.preview-clipboard-image
|
|
width: 280px
|
|
height: 200px
|
|
display: block
|
|
border: 1px solid black
|
|
box-shadow: 0 1px 2px rgba(0,0,0,.2)
|