1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-24 15:49:44 +02:00

Change position of doc attachments

This commit is contained in:
McMatts 2019-05-29 16:57:22 +01:00
parent ca4a9a74ee
commit fe7548cd97
7 changed files with 136 additions and 147 deletions

View file

@ -1,9 +1,3 @@
#upload-document-files {
> .dz-preview, .dz-processing {
display: none !important;
}
}
.document-sidebar-attachment {
> .files {
margin: 0;
@ -11,30 +5,48 @@
> .file {
list-style-type: none;
margin: 10px 0 0 0;
padding: 5px;
width: 100%;
margin: 0;
padding: 0 10px 0 0;
font-size: 0.9rem;
position: relative;
display: inline-block;
> a {
display: inline-block;
font-size: 0.9rem;
vertical-align: text-top;
margin-right: 10px;
width: 90%;
font-size: 1rem;
@extend .text-truncate;
}
> .menu {
position: absolute;
right: -10px;
top: 0;
display: inline-block;
color: map-get($gray-shades, 300);
font-size: 1.2rem;
&:hover {
color: map-get($gray-shades, 600);
}
}
}
}
}
#upload-document-files {
> span {
display: block;
color: map-get($gray-shades, 600);
font-size: 1rem;
cursor: pointer;
&:hover {
color: map-get($gray-shades, 800);
}
}
> .dz-preview, .dz-processing {
display: none !important;
}
}
.dz-preview, .dz-processing {
display: none !important;
}

View file

@ -17,7 +17,6 @@
}
.view-space {
> .documents {
margin: 0;
padding: 0;
@ -76,84 +75,84 @@
margin-top: 0.4rem;
color: $color-black-light-3;
}
}
> .meta {
padding: 25px 0 0 0;
> .meta {
padding: 25px 0 0 0;
> .lifecycle {
display: inline-block;
text-transform: uppercase;
font-size: 0.9rem;
font-weight: 500;
text-align: center;
@include border-radius(5px);
background-color: map-get($gray-shades, 300);
padding: 0.25rem 1rem;
margin-right: 20px;
> .draft {
color: map-get($yellow-shades, 600);
}
> .live {
color: map-get($green-shades, 600);
}
> .archived {
color: map-get($red-shades, 600);
}
}
> .dicon {
color: map-get($gray-shades, 600);
font-size: 20px;
}
.categories {
display: inline-block;
padding: 0;
> .category {
padding: 0 15px 0 0;
> .lifecycle {
display: inline-block;
text-transform: uppercase;
font-size: 0.9rem;
font-weight: 500;
text-align: center;
@include border-radius(5px);
background-color: map-get($gray-shades, 300);
padding: 0.25rem 1rem;
margin-right: 20px;
> .dicon {
color: map-get($gray-shades, 500);
font-size: 20px;
vertical-align: bottom;
> .draft {
color: map-get($yellow-shades, 600);
}
> .name {
display: inline-block;
color: map-get($gray-shades, 800);
font-size: 1rem;
> .live {
color: map-get($green-shades, 600);
}
> .archived {
color: map-get($red-shades, 600);
}
}
}
.hashtags {
display: inline-block;
padding: 0;
> .dicon {
color: map-get($gray-shades, 600);
font-size: 20px;
}
> .hashtag {
padding: 0 15px 0 0;
.categories {
display: inline-block;
padding: 0;
> .dicon {
color: map-get($gray-shades, 500);
font-size: 20px;
vertical-align: bottom;
}
> .name {
> .category {
padding: 0 15px 0 0;
display: inline-block;
color: map-get($gray-shades, 800);
font-size: 1rem;
}
&:hover {
> .dicon, > .name {
color: map-get($gray-shades, 600);
> .dicon {
color: map-get($gray-shades, 500);
font-size: 20px;
vertical-align: bottom;
}
> .name {
display: inline-block;
color: map-get($gray-shades, 800);
font-size: 1rem;
}
}
}
.hashtags {
display: inline-block;
padding: 0;
> .hashtag {
padding: 0 15px 0 0;
> .dicon {
color: map-get($gray-shades, 500);
font-size: 20px;
vertical-align: bottom;
}
> .name {
display: inline-block;
color: map-get($gray-shades, 800);
font-size: 1rem;
}
&:hover {
> .dicon, > .name {
color: map-get($gray-shades, 600);
}
}
}
}