Ailur
/
burgernotes-client-web
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

;3

This commit is contained in:
maaa 2024-06-22 16:53:36 +02:00
parent 974109ac39
commit 3fef4e57f7
2 changed files with 4 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/index.html
View File

@ -22,17 +22,14 @@
<div class="topBar"> <div class="topBar">
<p tabindex="0" class="logo" id="burgerButton"></p> <p tabindex="0" class="logo" id="burgerButton"></p>
<button tabindex="0" class="logo hidden" style="font-size: 17px;margin-left: 0;" onclick="handleGesture()" id="backButton"><img src="/static/svg/arrow-back.svg"></button> <button tabindex="0" class="logo hidden" style="font-size: 17px;margin-left: 0;" onclick="handleGesture()" id="backButton"><img src="/static/svg/arrow-back.svg"></button>
<button id="usernameBox" class="usernameBox"><div class="vcenter"><img src="/static/svg/acct-settings.svg"></div></button> <div class="modernToolbar">
</div>
<div class="bottomBar">
<button onclick="toggleMarkdown()" class="markdownButton"></button>
<button id="wordCountBox">0 words</button>
<div class="textManipulator">
<button id="textMinusBox">-</button> <button id="textMinusBox">-</button>
<button id="textSizeBox">16px</button> <button id="textSizeBox">16px</button>
<button id="textPlusBox">+</button> <button id="textPlusBox">+</button>
<button onclick="toggleMarkdown()" class="markdownButton"></button>
<button id="wordCountBox">0 words</button>
</div> </div>
<button id="usernameBox" class="usernameBox"><div class="vcenter"><img src="/static/svg/acct-settings.svg"></div></button>
</div> </div>
<div id="notesBar" class="notesBar"> <div id="notesBar" class="notesBar">

58
static/css/style.css
View File

@ -175,64 +175,6 @@ body {
display: flex; display: flex;
} }
.bottomBar {
position: fixed;
width: 100%;
height: 29px;
bottom: 0;
background-color: var(--bar);
border: solid;
border-color: var(--border-color);
border-width: 0;
border-top-width: 1px;
display: flex;
text-wrap: nowrap;
overflow-x: auto;
}
.bottomBar button {
filter: invert(var(--invertdm));
background-color: rgba(0, 0, 0, 0);
color: #000000;
height: 100%;
border: none;
font-size: 14px;
padding-left: 7.5px;
padding-right: 7.5px;
}
.bottomBar .markdownButton {
padding-left: 17.5px;
padding-right: 17.5px;
background-image: url("../../static/svg/markdown.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 55%;
}
.bottomBar .removeButton {
padding-left: 17.5px;
padding-right: 17.5px;
background-image: url("../../static/svg/delete.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 55%;
}
.bottomBar .textManipulator {
margin-left: auto;
}
.bottomBar button:hover {
background-color: var(--note-button);
}
.bottomBar .right {
float: right;
}
.burgerDropdown { .burgerDropdown {
position: fixed; position: fixed;
z-index: 2; z-index: 2;