Fix incorrect textarea sizing when lang selector is active

This commit is contained in:
Kijin Sung 2025-07-21 21:36:00 +09:00
parent 796ecec247
commit a2281edc7a
3 changed files with 27 additions and 21 deletions

View file

@ -310,8 +310,6 @@
.x input.x_full-width,
.x textarea.x_full-width,
.x .x_uneditable-input.x_full-width{width:calc(100% - 14px);resize:vertical}
.x textarea.x_full-width.lang_code{width:calc(100% - 42px);resize:vertical}
.x textarea.x_full-width + textarea.lang_code{width:calc(100% - 42px);resize:vertical}
.x textarea{height:auto;min-height:80px;}
.x textarea,
.x input[type="text"],

View file

@ -1476,6 +1476,20 @@ margin-bottom: 10px;
}
}
.x .g11n.x_input-append {
display: inline-flex;
align-items: flex-start;
}
.x .g11n.x_full-width {
width: 100%;
}
.x .g11n > input.lang_code,
.x .g11n > textarea.lang_code {
flex: 1;
width: unset;
min-width: 0;
}
.x .g11n>.x_add-on {
font-size: 0;
position: relative;
@ -1492,8 +1506,9 @@ margin-bottom: 10px;
}
.x .g11n>.x_add-on.remover {
display: none;
width: 26px;
height: 26px;
height: 16px;
padding: 4px;
box-sizing: content-box;
}
.x .g11n.active>[disabled] {
padding-left: 25px;
@ -1501,7 +1516,7 @@ margin-bottom: 10px;
background-repeat: no-repeat;
}
.x .g11n.active>.x_add-on.remover {
display: inline-block;
display: block;
}
.x .g11n>.x_add-on:hover>i {
opacity: 1;