paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-01 20:44:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

pill_input: Use flex-grow 1 on all input pills.

Browse Source 
This extends existing styling for pills for search and org permissions,
to fix a bug in the invite users modal. Continues work in #34371, which
tested other input elements.

Fixes bug reported here:
https://chat.zulip.org/#narrow/channel/9-issues/topic/pasting.20invite.20email.20addresses
This commit is contained in:
Evy Kassirer
2025-08-15 10:53:00 -07:00
committed by Tim Abbott
parent ef238f2bf5
commit 9d532baa94
3 changed files with 7 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/styles/input_pill.css
View File

@@ -206,6 +206,7 @@
min-width: 2px;
overflow-wrap: anywhere;
flex: 1 1 auto;
outline: none;

10
web/styles/settings.css
View File

@@ -952,13 +952,9 @@ input[type="checkbox"] {
/* Subtract 2 * (2px padding) + 2 * (1px border) */
min-width: calc(var(--modal-input-width) - 6px);
.input {
flex-grow: 1;
&:first-child:empty::before {
opacity: 0.5;
content: attr(data-placeholder);
}
.input:first-child:empty::before {
opacity: 0.5;
content: attr(data-placeholder);
}
}

10
web/styles/subscriptions.css
View File

@@ -1337,13 +1337,9 @@ div.settings-radio-input-parent {
/* Subtract 2 * (2px padding) + 2 * (1px border) */
min-width: calc(var(--modal-input-width) - 6px);
.input {
flex-grow: 1;
&:first-child:empty::before {
opacity: 0.5;
content: attr(data-placeholder);
}
.input:first-child:empty::before {
opacity: 0.5;
content: attr(data-placeholder);
}
}