1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-02 20:15:26 +02:00

Move revisions to new ui framework

This commit is contained in:
sauls8t 2018-12-20 13:05:22 +00:00
parent 2042454e77
commit 3c81297fc6
19 changed files with 288 additions and 190 deletions

View file

@ -7,6 +7,6 @@
@import "sidebar-toc.scss";
@import "sidebar-attachment.scss";
@import "view-activity.scss";
@import "view-revision.scss";
@import "vote-likes.scss";
@import "revisions.scss";
@import "likes.scss";
@import "wysiwyg.scss";

View file

@ -0,0 +1,29 @@
.vote-box {
margin: 50px 0;
// max-width: 400px;
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
justify-content: center;
> .prompt {
text-align: center;
font-size: 1.5rem;
font-weight: 500;
color: map-get($yellow-shades, 700);
}
> .buttons {
text-align: center;
}
> .thanks {
font-size: 1.2rem;
font-weight: 500;
color: map-get($yellow-shades, 600);
}
}

View file

@ -0,0 +1,11 @@
.view-revision {
> h1 {
color: map-get($yellow-shades, 800);
}
> h2 {
color: map-get($yellow-shades, 700);
font-size: 1.2rem;
font-weight: 400;
}
}

View file

@ -51,12 +51,10 @@
}
.start-section {
@include border-radius(5px);
@extend .no-select;
text-align: right;
margin: 1.5rem 0;
display: block;
cursor: pointer;
> i {
background-color: map-get($yellow-shades, 100);
@ -65,6 +63,8 @@
padding: 0.5rem;
font-size: 16px;
@extend %toolbar-shadow;
@include border-radius(5px);
cursor: pointer;
&:hover {
color: map-get($yellow-shades, 700);

View file

@ -1,16 +0,0 @@
.view-revision {
> .diff-zone {
@extend .transition-all;
@include border-radius(2px);
@include ease-in();
position: relative;
padding: 25px 50px;
box-shadow: 0 0 0 0.75pt map-get($gray-shades, 200),0 0 3pt 0.75pt map-get($gray-shades, 200);
background-color: $color-white;
margin: 50px 0;
> .canvas {
padding: 0;
}
}
}

View file

@ -1,25 +0,0 @@
.vote-box {
margin: 50px 0;
padding: 30px 50px;
text-align: center;
max-width: 400px;
border: 1px dotted map-get($gray-shades, 300);
background: map-get($gray-shades, 100);
@include border-radius(3px);
> .prompt {
font-size: 1.5rem;
font-weight: 600;
color: map-get($gray-shades, 800);
}
> .buttons {
margin: 20px 0 0 0;
}
> .ack {
font-size: 1.2rem;
font-weight: 600;
color: map-get($green-shades, 600);
}
}