/* * notion-enhancer * (c) 2020 dragonwocky * (c) 2020 TarasokUA * (https://dragonwocky.me/) under the MIT license */ /* window control buttons */ .window-dragarea { height: 10px; width: 100%; } .notion-light-theme .window-dragarea { background: #e6e6e6; } .notion-dark-theme .window-dragarea { background: #272d2f; } .window-topbar-container { display: flex; flex-direction: row-reverse; user-select: none; -webkit-app-region: drag; } .window-topbar-container > :last-child, .window-buttons-area { display: flex; align-items: center; height: 45px; } .window-topbar-container > :last-child { padding-left: 12px; } .window-buttons-area { justify-content: flex-end; padding-right: 12px; font-size: 14px; } @media (max-width: 760px) { .window-topbar-container { display: grid; grid-template-columns: 1fr 1fr; } .titlebar-draggable-area { top: 10px; } .window-topbar-container > :last-child { grid-row: 1; } .notion-topbar { grid-column-start: span 2; } .notion-topbar > div { padding-right: 12px !important; } } /* window control buttons */ .window-button { background: transparent; border: 0; margin: 0px 0px 0px 9px; width: 32px; line-height: 26px; border-radius: 4px; font-size: 16px; transition-duration: 0.2s; } /* window control buttons: light theme */ .notion-light-theme .window-button { font-weight: bold; } .notion-light-theme .window-button:hover { background: rgb(239, 239, 239); } /* window control buttons: dark theme */ .notion-dark-theme .window-button:hover { background: rgb(71, 76, 80); } /* scrollbar: pointer */ .notion-scroller { cursor: auto; } /* scrollbar: size */ ::-webkit-scrollbar { width: 8px; /* for vertical */ height: 8px; /* for horizontal */ } /* scrollbar: light theme */ .notion-light-theme ::-webkit-scrollbar-corner { background-color: transparent; /* for overlap */ } .notion-light-theme ::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #d9d8d6; border: 1px solid #cacac8; } .notion-light-theme ::-webkit-scrollbar-thumb:hover { background: #cacac8; } /* scrollbar: dark theme */ .notion-dark-theme ::-webkit-scrollbar-corner { background-color: transparent; /* for overlap */ } .notion-dark-theme ::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #505457; } .notion-dark-theme ::-webkit-scrollbar-thumb:hover { background: #696d6f; }