Enhance visual style of replacement buttons

This commit is contained in:
Aljaž Grilc 2024-03-26 08:14:49 +01:00
parent 517230ac49
commit 51c19451fb

View File

@ -2,8 +2,6 @@ const besUrl = 'http://localhost:225/api/v2/check'
let besServices = [] // Collection of all grammar checking services in the document let besServices = [] // Collection of all grammar checking services in the document
// TODO: Add support for <textarea>
/// ///
/// Grammar checking service base class /// Grammar checking service base class
/// ///
@ -847,8 +845,8 @@ class BesPopupEl extends HTMLElement {
border-radius: 5px; border-radius: 5px;
} }
.bes-replacement-btn{ .bes-replacement-btn{
margin: 5px 0; margin: 4px 1px;
padding: 5px; padding: 4px;
border: none; border: none;
border-radius: 5px; border-radius: 5px;
background-color: #239aff; background-color: #239aff;
@ -925,7 +923,6 @@ class BesPopupEl extends HTMLElement {
const replacementBtn = document.createElement('button') const replacementBtn = document.createElement('button')
replacementBtn.classList.add('bes-replacement-btn') replacementBtn.classList.add('bes-replacement-btn')
replacementBtn.textContent = replacement replacementBtn.textContent = replacement
replacementBtn.classList.add('bes-replacement')
replacementBtn.addEventListener('click', () => { replacementBtn.addEventListener('click', () => {
if (allowReplacements) { if (allowReplacements) {
service.replaceText(el, match, replacement) service.replaceText(el, match, replacement)