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:
parent
2042454e77
commit
3c81297fc6
19 changed files with 288 additions and 190 deletions
|
@ -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";
|
||||
|
|
29
gui/app/styles/core/view/document/likes.scss
Normal file
29
gui/app/styles/core/view/document/likes.scss
Normal 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);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
11
gui/app/styles/core/view/document/revisions.scss
Normal file
11
gui/app/styles/core/view/document/revisions.scss
Normal 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;
|
||||
}
|
||||
}
|
|
@ -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);
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -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);
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue