From c0455c59bd8eaf6743fb27c6326c7bb6b5662917 Mon Sep 17 00:00:00 2001 From: Wim Brand Date: Fri, 10 Sep 2021 21:27:07 +0200 Subject: [PATCH] Roundify more buttons --- res/include/script/file_viewer/IntroPopup.js | 2 +- res/include/style/viewer.css | 6 +++--- res/template/file_viewer.html | 2 +- res/template/text_editor.html | 6 +++--- 4 files changed, 8 insertions(+), 8 deletions(-) diff --git a/res/include/script/file_viewer/IntroPopup.js b/res/include/script/file_viewer/IntroPopup.js index 2707157..b196f3e 100644 --- a/res/include/script/file_viewer/IntroPopup.js +++ b/res/include/script/file_viewer/IntroPopup.js @@ -23,7 +23,7 @@ function IntroPopup() { IntroPopup.prototype.moveToElement = function (el) { let rect = el.getBoundingClientRect() this.popup.style.top = (rect.top + el.offsetHeight + 20) + "px" - this.popup.style.left = (rect.left + (el.clientWidth / 2) - 30) + "px" + this.popup.style.left = (rect.left + (el.clientWidth / 2) - 40) + "px" } IntroPopup.prototype.close = function () { diff --git a/res/include/style/viewer.css b/res/include/style/viewer.css index f42b2d2..8e2a3ae 100644 --- a/res/include/style/viewer.css +++ b/res/include/style/viewer.css @@ -313,12 +313,12 @@ table {width: auto !important;} .intro_popup { position: absolute; - width: 400px; + width: 380px; max-width: 80%; height: auto; background-color: var(--layer_4_color); box-shadow: 1px 1px var(--layer_4_shadow) var(--shadow_color); - border-radius: 10px; + border-radius: 20px; z-index: 50; transition: opacity .4s, left .5s, top .5s; } @@ -326,7 +326,7 @@ table {width: auto !important;} content: ""; display: block; position: absolute; - left: 20px; + left: 30px; top: -15px; border-bottom: 15px solid var(--layer_4_color); border-left: 15px solid transparent; diff --git a/res/template/file_viewer.html b/res/template/file_viewer.html index aa9474a..bd432c5 100644 --- a/res/template/file_viewer.html +++ b/res/template/file_viewer.html @@ -322,7 +322,7 @@ On pixeldrain you can share your files with large or small groups of people. The sky is the limit!

- diff --git a/res/template/text_editor.html b/res/template/text_editor.html index 471914d..8cdf302 100644 --- a/res/template/text_editor.html +++ b/res/template/text_editor.html @@ -48,14 +48,14 @@
- + arrow_back
- -