IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

Always show input when editing text by removing hover (#15034)

Browse Source
This commit is contained in:
Natalie Tay
2021-11-22 10:23:42 +08:00
committed by GitHub
parent df6003aef5
commit 9015183942
2 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/discourse/app/components/composer-editor.js
View File

@@ -688,6 +688,7 @@ export default Component.extend(ComposerUpload, {
imageResize.removeAttribute("hidden"); imageResize.removeAttribute("hidden");
readonlyContainer.removeAttribute("hidden"); readonlyContainer.removeAttribute("hidden");
buttonWrapper.removeAttribute("editing");
editContainer.setAttribute("hidden", "true"); editContainer.setAttribute("hidden", "true");
}, },
@@ -743,6 +744,7 @@ export default Component.extend(ComposerUpload, {
); );
const editContainerInput = editContainer.querySelector(".alt-text-input"); const editContainerInput = editContainer.querySelector(".alt-text-input");
buttonWrapper.setAttribute("editing", "true");
imageResize.setAttribute("hidden", "true"); imageResize.setAttribute("hidden", "true");
readonlyContainer.setAttribute("hidden", "true"); readonlyContainer.setAttribute("hidden", "true");
editContainerInput.value = altText.textContent; editContainerInput.value = altText.textContent;

4
app/assets/stylesheets/common/d-editor.scss
View File

@@ -195,6 +195,10 @@
z-index: 1; // needs to be higher than image z-index: 1; // needs to be higher than image
background: var(--secondary); // for when images are wider than controls background: var(--secondary); // for when images are wider than controls
&[editing] {
opacity: 1;
}
.scale-btn-container, .scale-btn-container,
.alt-text-readonly-container, .alt-text-readonly-container,
.alt-text-edit-container { .alt-text-edit-container {