Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/nextcloud/text.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
authorVinicius Reis <vinicius.reis@nextcloud.com>2022-08-09 23:11:12 +0300
committerVinicius Reis <vinicius.reis@nextcloud.com>2022-08-17 17:31:01 +0300
commite197bc22dce63a39ac5c6b44bdeae0d55afe2689 (patch)
tree5d4e4ef63d079ddcf2b90fe975fc8e2f09655e72 /css
parent48b21b6e524c4aef78a1046e1f19a2bbd85837c4 (diff)
🚧 (#107): Add outline view
Signed-off-by: Vinicius Reis <vinicius.reis@nextcloud.com>
Diffstat (limited to 'css')
-rw-r--r--css/prosemirror.scss1
-rw-r--r--css/style.scss28
2 files changed, 23 insertions, 6 deletions
diff --git a/css/prosemirror.scss b/css/prosemirror.scss
index a84e93c5e..174c2b35f 100644
--- a/css/prosemirror.scss
+++ b/css/prosemirror.scss
@@ -2,7 +2,6 @@
/* Document rendering styles */
div.ProseMirror {
- margin-top: 44px;
height: 100%;
position: relative;
word-wrap: break-word;
diff --git a/css/style.scss b/css/style.scss
index a9ef50273..dbea25dd4 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -61,6 +61,14 @@ li.ProseMirror-selectednode:after {
animation: rotate var(--animation-duration, 0.8s) linear infinite;
}
+[data-handler="text"] {
+ background-color: var(--color-main-background);
+ border-top: 3px solid var(--color-primary-element);
+ .modal-title {
+ font-weight: bold;
+ }
+}
+
// from https://github.com/animate-css/animate.css/blob/main/source/fading_entrances/fadeInDown.css
@keyframes fadeInDown {
from {
@@ -74,10 +82,20 @@ li.ProseMirror-selectednode:after {
}
}
-[data-handler="text"] {
- background-color: var(--color-main-background);
- border-top: 3px solid var(--color-primary-element);
- .modal-title {
- font-weight: bold;
+
+// from https://github.com/animate-css/animate.css/blob/main/source/fading_entrances/fadeInLeft.css
+@keyframes fadeInLeft {
+ from {
+ opacity: 0;
+ transform: translate3d(-100%, 0, 0);
}
+
+ to {
+ opacity: 1;
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+.fadeInLeft {
+ animation-name: fadeInLeft;
}