paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 21:43:21 +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; min-width: 2px;
overflow-wrap: anywhere; overflow-wrap: anywhere;
flex: 1 1 auto;
outline: none; outline: none;

6
web/styles/settings.css
View File

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

6
web/styles/subscriptions.css
View File

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