extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-06-24 11:51:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

Et2Email: Add max height + scrollbar to tag list

Browse Source 
use --height CSS var to override
This commit is contained in:
nathan 2024-01-03 09:06:17 -07:00
parent 9c8a159078
commit 3b48d81651
2 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
api/js/etemplate/Et2Email/Et2Email.styles.ts
View File

@ -27,6 +27,8 @@ export default css`
border-radius: var(--sl-input-border-radius-medium); border-radius: var(--sl-input-border-radius-medium);
font-size: var(--sl-input-font-size-medium); font-size: var(--sl-input-font-size-medium);
min-height: var(--sl-input-height-medium); min-height: var(--sl-input-height-medium);
max-height: calc(var(--height, 2.5) * var(--sl-input-height-medium));
overflow-y: auto;
padding-block: 0; padding-block: 0;
padding-inline: var(--sl-input-spacing-medium); padding-inline: var(--sl-input-spacing-medium);
padding-top: 0.1rem; padding-top: 0.1rem;

2
api/js/etemplate/Et2Email/Et2Email.ts
View File

@ -62,6 +62,8 @@ import Sortable from "sortablejs/modular/sortable.complete.esm.js";
* @csspart input - The input element * @csspart input - The input element
* @csspart option - Each matching email address suggestion * @csspart option - Each matching email address suggestion
* @csspart tag - The individual tags that represent each email address. * @csspart tag - The individual tags that represent each email address.
*
* @cssproperty [--height=2.5] - The maximum height of the widget, to limit size when you have a lot of addresses.
*/ */
export class Et2Email extends Et2InputWidget(LitElement) implements SearchMixinInterface export class Et2Email extends Et2InputWidget(LitElement) implements SearchMixinInterface
{ {