matty/peertube-plugin-livechat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixing tags input size in CSS

Browse Source
This commit is contained in:
Mehdi Benadel 2024-05-26 05:32:01 +02:00
parent 35d9663559
commit 5cc130e417
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
assets/styles/configuration.scss
View File

@ -228,6 +228,7 @@ livechat-dynamic-table-form {
td:last-child { td:last-child {
vertical-align: middle; vertical-align: middle;
min-width: 28px;
} }
tbody tr:nth-child(odd) { tbody tr:nth-child(odd) {
@ -255,6 +256,7 @@ livechat-tags-input {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
flex-wrap: wrap; flex-wrap: wrap;
max-width: 320px;
input { input {
flex: 1; flex: 1;
@ -262,6 +264,7 @@ livechat-tags-input {
padding: var(--tag-padding-vertical) 0 0; padding: var(--tag-padding-vertical) 0 0;
color: inherit; color: inherit;
background-color: inherit; background-color: inherit;
width: 100%;
&:focus { &:focus {
outline: transparent; outline: transparent;
@ -273,6 +276,8 @@ livechat-tags-input {
flex-wrap: wrap; flex-wrap: wrap;
padding: 0; padding: 0;
margin: var(--tag-padding-vertical) 0 0; margin: var(--tag-padding-vertical) 0 0;
max-height: 150px;
overflow-y: scroll;
} }
.tag { .tag {
@ -326,10 +331,4 @@ livechat-tags-input {
cursor: pointer; cursor: pointer;
} }
} }
@media screen and (max-width: 567px) {
.tags-input {
width: calc(100vw - 32px);
}
}
} }