shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

quill editor styling

Browse Source
This commit is contained in:
Burak Civan 2022-07-28 12:02:37 +03:00
parent 961c6d4fe6
commit 7ac91b7b31
3 changed files with 29 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/css/app.css vendored
View File

@ -94,9 +94,9 @@
border-right: 0.5rem solid transparent; border-right: 0.5rem solid transparent;
} }
.ql-container .ql-tooltip:hover { .ql-container .ql-tooltip:hover {
display: -webkit-box !important; display: -webkit-box;
display: -ms-flexbox !important; display: -ms-flexbox;
display: flex !important; display: flex;
} }
.ql-tooltip .ql-preview { .ql-tooltip .ql-preview {
width: 100%; width: 100%;
@ -285,6 +285,14 @@
.ql-snow .ql-tooltip a.ql-action::after { .ql-snow .ql-tooltip a.ql-action::after {
display: none; display: none;
} }
.ql-snow .ql-tooltip input[type=text]::-webkit-input-placeholder {
color: transparent;
}
.ql-snow .ql-hidden {
display: none !important;
}
.dropzone { .dropzone {
position: relative; position: relative;
display: -webkit-box; display: -webkit-box;
@ -47478,9 +47486,9 @@ body{
background-color: rgb(85 88 139 / var(--tw-bg-opacity)); background-color: rgb(85 88 139 / var(--tw-bg-opacity));
} }
.hover\:bg-blue-500:hover{ .hover\:bg-blue-700:hover{
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(0 110 166 / var(--tw-bg-opacity)); background-color: rgb(0 83 125 / var(--tw-bg-opacity));
} }
.hover\:bg-purple-700:hover{ .hover\:bg-purple-700:hover{

14
public/css/third_party/vue-html-editor_custom.css vendored
View File

@ -87,9 +87,9 @@
border-right: 0.5rem solid transparent; border-right: 0.5rem solid transparent;
} }
.ql-container .ql-tooltip:hover { .ql-container .ql-tooltip:hover {
display: -webkit-box !important; display: -webkit-box;
display: -ms-flexbox !important; display: -ms-flexbox;
display: flex !important; display: flex;
} }
.ql-tooltip .ql-preview { .ql-tooltip .ql-preview {
width: 100%; width: 100%;
@ -278,3 +278,11 @@
.ql-snow .ql-tooltip a.ql-action::after { .ql-snow .ql-tooltip a.ql-action::after {
display: none; display: none;
} }
.ql-snow .ql-tooltip input[type=text]::-webkit-input-placeholder {
color: transparent;
}
.ql-snow .ql-hidden {
display: none !important;
}

4
resources/assets/js/components/AkauntingHtmlEditor.vue
View File

@ -85,6 +85,10 @@ export default {
newVal = newVal.replace(/(<p[^>]+?>|<p>|<\/p>)/img, ""); newVal = newVal.replace(/(<p[^>]+?>|<p>|<\/p>)/img, "");
this.$emit('input', newVal); this.$emit('input', newVal);
document.querySelectorAll('.ql-tooltip').forEach((tooltip) => {
tooltip.querySelector('input').focus();
});
}, },
}, },
} }