@import 'variables';

.ql-snow.ql-toolbar {
    border: 0px !important;
}

.ql-container.ql-snow {
    border: 0px !important;
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-color-picker span:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-active .ql-stroke {
    stroke: var(--theme-accent-color) !important;
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar .ql-color-picker span:hover .ql-fill,
.ql-snow.ql-toolbar .ql-active .ql-fill {
    fill: var(--theme-accent-color) !important;
}

.note-content {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.note-content-floating {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 16px;
    right: 16px;
    width: 56px;
    height: 56px;
    z-index: 1;
}

.note-content-floating-button {
    margin-bottom: 8px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.note-content-floating-button-icon {
    color: white;
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.note-content-floating-button-icon-action {
    color: var(--theme-secondary-button-text);
    font-size: 22px;
}

.note-content-fixed {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    display: flex;
    flex-direction: column;
}

.note-content-fixed-title {
    border-bottom: 1px solid var(--theme-separator);
    width: 100%;
    height: 50px;
}

.note-content-fixed-title-text {
    font-family: opensans-light;
    background-color: transparent;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    font-weight: lighter;
    padding: 0 16px 0 16px;
}

.ql-toolbar.ql-snow {
    padding-right: 50px !important;
}

.ql-editor ul[data-checked='true'] li {
    text-decoration: line-through;
    opacity: 0.5;
}

.ql-editor ul[data-checked='false'] > li::before {
    font-family: la-regular;
    content: '\f0c8';
    font-size: 1.3em;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}

.ql-editor ul[data-checked='true'] li::before {
    font-family: la-regular;
    content: '\f14a';
    font-size: 1.3em;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}

#editor * {
    font-size: var(--editor-p-font-size);
}

#editor h1 {
    font-size: var(--editor-h1-font-size) !important;
}

#editor h2 {
    font-size: var(--editor-h2-font-size) !important;
}

// Disables image align in Quill Blot Formatter. It causes formatting Quill issues.
.blot-formatter__toolbar-button {
    display: none !important;
}

// Disables dragging of the Quill Blot Formatter overlay container and, in turn,
// avoids this issue: github.com/Fandom-OSS/quill-blot-formatter/issues/17
.blot-formatter__overlay {
    user-select: none !important;
}

// Fixes cursor being "text" instead of "default" when interacting with the Quill scroll bar
.ql-editor {
    cursor: default;
}
.ql-editor * {
    cursor: text;
}

.ql-toolbar .ql-stroke {
    fill: none;
    stroke: var(--theme-primary-text) !important;
}

.ql-toolbar .ql-fill {
    fill: var(--theme-primary-text) !important;
    stroke: none;
}

.ql-toolbar .ql-picker {
    color: var(--theme-primary-text) !important;
}
