pengjunjie/onlyoffice.github.io
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/onlyoffice.github.io.git synced 2026-04-07 14:04:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix textarea styles

Browse Source
This commit is contained in:
Alexey Koshelev
2025-02-20 12:13:23 +03:00
parent 6be65bb2d8
commit 2c81a2d23c
2 changed files with 23 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
sdkjs-plugins/content/ai/resources/styles/chat.css
View File

@ -77,7 +77,7 @@ input {
height: auto;
}
.action_button:not(:first-child) {
margin-left: 2px;
margin-left: 4px;
}
.action_button img {
@ -200,13 +200,18 @@ input {
background-color: var(--background-normal);
border-radius: 2px;
border: 1px solid var(--border-regular-control);
position: relative;
}
#input_message_wrapper.focused {
border-color: var(--border-control-focus);
}
#input_message {
flex: 1;
padding: 0;
padding: 6px 0 6px 6px;
margin: 2px 0 2px 2px;
margin: 2px 34px 2px 2px;
min-height: 16px;
max-height: 82px;
overflow-y: auto;
@ -215,19 +220,20 @@ input {
border: none;
}
#input_message_submit_wrapper {
height: 100%;
display: flex;
align-items: flex-end;
}
#input_message_submit {
position: absolute;
right: 0;
bottom: 0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 6px 6px 6px 0px;
margin-left: 6px;
padding: 7px 7px 7px 3px;
margin-left: 4px;
}
#input_message_submit:hover {
opacity: 0.7;
}
#input_message_submit img {
width: 20px;

9
sdkjs-plugins/content/ai/scripts/chat.js
View File

@ -96,7 +96,6 @@
window.Asc.plugin.init = function() {
bCreateLoader = false;
destroyLoader();
document.getElementById('input_message').focus();
window.Asc.plugin.sendToPlugin("onWindowReady", {});
document.getElementById('input_message_submit').addEventListener('click', function() {
@ -113,6 +112,14 @@
}
};
document.getElementById('input_message').addEventListener('focus', function(event) {
$('#input_message_wrapper').addClass('focused');
});
document.getElementById('input_message').addEventListener('blur', function(event) {
$('#input_message_wrapper').removeClass('focused');
});
document.getElementById('input_message').focus();
document.getElementById('input_message').addEventListener('input', function(event) {
//autosize
updateTextareaSize();