pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Roundify more buttons

Browse Source
This commit is contained in:
Wim Brand
2021-09-10 21:27:07 +02:00
parent 5465b0776f
commit c0455c59bd
4 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
res/include/script/file_viewer/IntroPopup.js
View File

@@ -23,7 +23,7 @@ function IntroPopup() {
IntroPopup.prototype.moveToElement = function (el) { IntroPopup.prototype.moveToElement = function (el) {
let rect = el.getBoundingClientRect() let rect = el.getBoundingClientRect()
this.popup.style.top = (rect.top + el.offsetHeight + 20) + "px" 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 () { IntroPopup.prototype.close = function () {

6
res/include/style/viewer.css
View File

@@ -313,12 +313,12 @@ table {width: auto !important;}
.intro_popup { .intro_popup {
position: absolute; position: absolute;
width: 400px; width: 380px;
max-width: 80%; max-width: 80%;
height: auto; height: auto;
background-color: var(--layer_4_color); background-color: var(--layer_4_color);
box-shadow: 1px 1px var(--layer_4_shadow) var(--shadow_color); box-shadow: 1px 1px var(--layer_4_shadow) var(--shadow_color);
border-radius: 10px; border-radius: 20px;
z-index: 50; z-index: 50;
transition: opacity .4s, left .5s, top .5s; transition: opacity .4s, left .5s, top .5s;
} }
@@ -326,7 +326,7 @@ table {width: auto !important;}
content: ""; content: "";
display: block; display: block;
position: absolute; position: absolute;
left: 20px; left: 30px;
top: -15px; top: -15px;
border-bottom: 15px solid var(--layer_4_color); border-bottom: 15px solid var(--layer_4_color);
border-left: 15px solid transparent; border-left: 15px solid transparent;

2
res/template/file_viewer.html
View File

@@ -322,7 +322,7 @@
On pixeldrain you can share your files with large or small On pixeldrain you can share your files with large or small
groups of people. The sky is the limit! groups of people. The sky is the limit!
</p> </p>
<button class="intro_popup_close button_highlight" style="float: right; margin: 0 10px 10px 0;"> <button class="intro_popup_close button_highlight round" style="float: right; margin: 0 10px 10px 0;">
<i class="icon">check</i> Got it! <i class="icon">check</i> Got it!
</button> </button>
</template> </template>

6
res/template/text_editor.html
View File

@@ -48,14 +48,14 @@
<body> <body>
<div id="text_editor" class="text_editor"> <div id="text_editor" class="text_editor">
<div id="headerbar" class="highlight_2 headerbar"> <div id="headerbar" class="highlight_2 headerbar">
<a href="/" class="button"> <a href="/" class="button round">
<i class="icon">arrow_back</i> <i class="icon">arrow_back</i>
</a> </a>
<div id="headerbar_spacer" class="headerbar_spacer"></div> <div id="headerbar_spacer" class="headerbar_spacer"></div>
<button class="button toolbar_button" onclick="return helpModal();"> <button class="button toolbar_button round" onclick="return helpModal();">
<i class="icon">info</i> Information <i class="icon">info</i> Information
</button> </button>
<button class="button toolbar_button button_highlight" onclick="uploadText();"> <button class="button toolbar_button round button_highlight" onclick="uploadText();">
<i class="icon">save</i> Save <i class="icon">save</i> Save
</button> </button>
</div> </div>