Import UI : Fix issue with size of rename button (#5012)

* Fix issue with size of rename button

* Add css instead of hard coded style attribute
This commit is contained in:
saqimtiaz 2020-11-09 00:21:01 +01:00 committed by GitHub
parent 343207fc35
commit 59c6f4447e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 2 deletions

View File

@ -49,10 +49,10 @@ title: $:/core/ui/ImportListing
<td>
<$reveal type="nomatch" state=<<renameFieldState>> text="yes" tag="div">
<$reveal type="nomatch" state=<<previewPopupState>> text="yes" tag="div" class="tc-flex">
<$button class="tc-btn-invisible tc-btn-dropdown tc-flex-grow-1" set=<<previewPopupState>> setTo="yes">
<$button class="tc-btn-invisible tc-btn-dropdown tc-flex-grow-1 tc-word-break" set=<<previewPopupState>> setTo="yes">
<span class="tc-small-gap-right">{{$:/core/images/right-arrow}}</span><$text text={{{[subfilter<payloadTitleFilter>]}}}/>
</$button>
<$button class="tc-btn-invisible tc-small-gap-left" set=<<renameFieldState>> setTo="yes" tooltip={{{[<lingo-base>addsuffix[Listing/Rename/Tooltip]get[text]]}}}>{{$:/core/images/edit-button}}</$button>
<$button class="tc-btn-invisible" set=<<renameFieldState>> setTo="yes" tooltip={{{[<lingo-base>addsuffix[Listing/Rename/Tooltip]get[text]]}}}>{{$:/core/images/edit-button}}</$button>
</$reveal>
<$reveal type="match" state=<<previewPopupState>> text="yes" tag="div">
<$button class="tc-btn-invisible tc-btn-dropdown" set=<<previewPopupState>> setTo="no">

View File

@ -2055,6 +2055,18 @@ html body.tc-body.tc-single-tiddler-window {
width: 100%;
}
.tc-import-table svg.tc-image-edit-button {
max-width: unset;
}
.tc-import-table th:first-of-type {
width: 10%;
}
.tc-import-table th:last-of-type {
width: 30%;
}
/*
** Alerts
*/
@ -2847,3 +2859,7 @@ select {
.tc-big-gap-right {
margin-right: 1em;
}
.tc-word-break {
word-break: break-all;
}