notion-enhancer/mods/view-scale/app.css

59 lines
1.2 KiB
CSS

/*
* view-scale
* (c) 2020 SP12893678 (https://github.com/SP12893678)
* under the MIT license
*/
.bottom-right-buttons {
position: absolute;
bottom: 33px;
right: 33px;
z-index: 101;
cursor: default;
pointer-events: none;
display: flex;
flex-direction: column;
align-items: center;
}
.bottom-right-buttons > div {
margin-top: 8px;
pointer-events: auto;
user-select: none;
position: static !important;
width: 40px;
border-radius: 100%;
font-size: 20px;
box-shadow: rgba(50, 50, 50, 0.05) 0px 0px 0px 1px, rgba(50, 50, 50, 0.05) 0px 2px 4px;
}
.notion-scale-contaienr{
border: 1px solid rgba(200, 200, 200, 0.5);
border-radius: 8px !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.notion-scale-contaienr div{
margin: 4px 0px;
cursor: pointer;
}
.notion-scale-view{
font-size: 12px;
font-weight: bold;
}
.notion-scale-button{
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: bold;
width: 30px;
height: 30px;
border-radius: 8px;
background: var(--theme--interactive_hover);
}