Vanessa 2023-03-01 18:58:39 +08:00
parent c976b705af
commit 9574085b03
5 changed files with 59 additions and 39 deletions

View file

@ -222,7 +222,7 @@
border-radius: 4px;
}
#keyboardToolbar {
.keyboard {
position: fixed;
bottom: 0;
width: 100%;
@ -232,7 +232,23 @@
z-index: 212;
display: flex;
border-top: 1px solid var(--b3-theme-surface-lighter);
overflow: auto;
overflow: hidden;
&__dynamic {
overflow: auto;
display: flex;
&::-webkit-scrollbar {
display: none;
}
}
&__split {
width: 1px;
height: 70%;
background: var(--b3-border-color);
align-self: center;
}
button {
background: transparent;
@ -242,8 +258,7 @@
svg {
height: 16px;
width: 16px;
padding: 5px;
margin: 3px;
padding: 12px;
color: var(--b3-theme-on-surface);
}
}

View file

@ -55,24 +55,7 @@
<div id="commonMenu" class="b3-menu fn__none"></div>
<div id="message" class="b3-snackbars"></div>
<div id="status" class="status status--hide"></div>
<div id="keyboardToolbar" class="fn__none">
<span class="fn__flex-1"></span>
<button data-type="indent"><svg><use xlink:href="#iconIndent"></use></svg></button>
<button data-type="outdent"><svg><use xlink:href="#iconOutdent"></use></svg></button>
<button data-type="up"><svg><use xlink:href="#iconUp"></use></svg></button>
<button data-type="down"><svg><use xlink:href="#iconDown"></use></svg></button>
<button data-type="before"><svg><use xlink:href="#iconBefore"></use></svg></button>
<button data-type="after"><svg><use xlink:href="#iconAfter"></use></svg></button>
<button data-type="clear"><svg><use xlink:href="#iconClear"></use></svg></button>
<button data-type="undo"><svg><use xlink:href="#iconUndo"></use></svg></button>
<button data-type="redo"><svg><use xlink:href="#iconRedo"></use></svg></button>
<span class="fn__flex-1"></span>
<button data-type="done"><svg><use xlink:href="#iconRedo"></use></svg></button>
</div>
<div id="keyboardToolbar" class="keyboard"></div>
<div id="transactionTip" class="fn__none"></div>
</body>
</html>