151 lines
2.5 KiB
SCSS
151 lines
2.5 KiB
SCSS
.tiptap {
|
|
width: 100%;
|
|
background: var(--p20);
|
|
border: 1px solid var(--p50);
|
|
border-radius: 0 0 5px 5px;
|
|
padding: 15px 15px;
|
|
font-size: 16px;
|
|
|
|
:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
|
|
&:focus {
|
|
background: var(--p10);
|
|
|
|
}
|
|
|
|
img {
|
|
&.ProseMirror-selectednode {
|
|
box-shadow: 0 0 1px 2px var(--p70);
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.editor-field {
|
|
.editor-toolbar {
|
|
display: flex;
|
|
gap: 4px;
|
|
background: var(--p30);
|
|
border-radius: 5px 5px 0 0;
|
|
padding: 5px 7px;
|
|
|
|
.button:not(.primary) {
|
|
font-weight: 700;
|
|
|
|
&.active {
|
|
background: var(--p40);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.content {
|
|
.tiptap {
|
|
li > p {
|
|
display: inline;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
trix-editor {
|
|
background: var(--p20)!important;
|
|
border: 1px solid var(--p50)!important;
|
|
border-radius: 0 0 5px 5px!important;
|
|
padding: 15px 15px!important;
|
|
& > div {
|
|
margin-bottom: 14px;
|
|
font-size: 16px;
|
|
line-height: 23px;
|
|
}
|
|
|
|
&:focus {
|
|
background: var(--p10)!important;
|
|
|
|
}
|
|
figure.attachment{
|
|
display: flex!important;
|
|
flex-direction: column!important;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 10px;
|
|
}
|
|
.attachment {
|
|
background: var(--p20);
|
|
padding: 12px 0;
|
|
text-align: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
|
|
img {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
[data-trix-mutable].attachment img {
|
|
box-shadow: 0 0 1px 2px var(--p70) !important;
|
|
|
|
}
|
|
|
|
.trix-button--remove {
|
|
box-shadow: none !important;
|
|
border: 2px solid var(--p40) !important;
|
|
}
|
|
|
|
.trix-button--remove:hover {
|
|
border: 2px solid var(--p40);
|
|
}
|
|
|
|
a {
|
|
color: var(--p80);
|
|
}
|
|
}
|
|
|
|
trix-toolbar {
|
|
.trix-button-row {
|
|
display: flex;
|
|
}
|
|
|
|
.trix-button-group {
|
|
background: transparent !important;
|
|
border: none !important;
|
|
display: flex !important;
|
|
gap: 4px;
|
|
}
|
|
.trix-button-group--history-tools,.trix-button-group--file-tools
|
|
{
|
|
display: none !important;
|
|
}
|
|
|
|
.trix-button {
|
|
border-radius: 6px !important;
|
|
background: var(--p30) !important;
|
|
padding: 14px 22px !important;
|
|
margin: 0 !important;
|
|
cursor: pointer;
|
|
border: 0px solid var(--p30) !important;
|
|
font-size: 14px !important;
|
|
min-height: 27px !important;
|
|
display: flex !important;
|
|
align-items: center !important;
|
|
gap: 4px;
|
|
color: var(--text) !important;
|
|
|
|
&:before{
|
|
background-size: 22px!important;
|
|
}
|
|
|
|
&:hover{
|
|
background: var(--p40) !important;
|
|
}
|
|
&.trix-active{
|
|
background: var(--p50) !important;
|
|
}
|
|
}
|
|
}
|