Make type input field min-width the highest character length of selectable types (#5090)

* Make type input field min-width the highest character length of selectable types

* Update base.tid

* Update base.tid
This commit is contained in:
Simon Huber 2020-11-22 22:12:19 +01:00 committed by GitHub
parent fa63ac5d1e
commit 530b4308e3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 0 deletions

View File

@ -47,6 +47,20 @@ $else$
</$reveal>
\end
\define set-type-selector-min-width()
<$set name="typeLength" value={{{ [all[shadows+tiddlers]prefix[$:/language/Docs/Types/]get[name]length[]maxall[]] }}}>
.tc-type-selector-dropdown-wrapper {
min-width: calc(<<typeLength>>ch + 4em);
}
.tc-type-selector-dropdown-wrapper input.tc-edit-typeeditor {
min-width: <<typeLength>>ch;
}
</$set>
\end
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline macrocallblock
/*
@ -1371,6 +1385,8 @@ html body.tc-body.tc-single-tiddler-window {
display: inline-block;
}
<<set-type-selector-min-width>>
.tc-edit-tags {
border: 1px solid <<colour tiddler-editor-border>>;
padding: 4px 8px 4px 8px;