paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-02 21:13:36 +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;

6
web/styles/settings.css
View File

@@ -952,15 +952,11 @@ 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 {
.input:first-child:empty::before {
opacity: 0.5;
content: attr(data-placeholder);
}
}
}
.progressive-table-wrapper {
position: relative;

6
web/styles/subscriptions.css
View File

@@ -1337,15 +1337,11 @@ 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 {
.input:first-child:empty::before {
opacity: 0.5;
content: attr(data-placeholder);
}
}
}
.advanced-configurations-container .pill-container {
margin-bottom: 10px;