muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

fixed editor buttons appearance

Browse source
This commit is contained in:
Fedor Katurov 2022-01-25 16:16:13 +07:00
parent 097b091abd
commit 8b3e118a7b
4 changed files with 172 additions and 88 deletions
Download patch file Download diff file Expand all files Collapse all files

66
src/components/node/NodeTitle/styles.module.scss
View file

@ -95,8 +95,7 @@
min-width: 0;
}
.buttons,
.editor_buttons {
.buttons {
flex: 0;
padding-right: $gap;
fill: transparentize(white, 0.7);
@ -126,26 +125,6 @@
}
}
.editor_buttons {
@include tablet {
display: none;
& > * {
&:last-child {
margin-right: 0;
&::after {
display: none;
}
}
&:first-child {
margin-left: 0;
}
}
}
}
.mark {
flex: 0 0 32px;
position: relative;
@ -233,46 +212,3 @@
pointer-events: none;
touch-action: none;
}
.star {
transition: fill, stroke 0.25s;
will-change: transform;
.is_heroic {
svg {
fill: $orange;
}
}
&:hover {
fill: $orange;
}
}
.editor_menu_button {
display: none !important;
@include button();
@include tablet {
display: flex !important;
}
}
.editor_menu {
&:hover {
.editor_buttons {
@include tablet {
display: flex;
position: absolute;
right: 0;
top: 100%;
background: darken($content_bg, 4%);
padding: $gap * 2;
border-radius: $radius;
box-shadow: transparentize(black, 0.8) 5px 5px 5px;
transform: translate(0, -10px);
}
}
}
}