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) {
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 () {

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

@@ -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;

2
res/template/file_viewer.html
View File

@@ -322,7 +322,7 @@
On pixeldrain you can share your files with large or small
groups of people. The sky is the limit!
</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!
</button>
</template>

6
res/template/text_editor.html
View File

@@ -48,14 +48,14 @@
<body>
<div id="text_editor" class="text_editor">
<div id="headerbar" class="highlight_2 headerbar">
<a href="/" class="button">
<a href="/" class="button round">
<i class="icon">arrow_back</i>
</a>
<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
</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
</button>
</div>