lbry-desktop/ui/scss/component
infiinte-persistence 861dd2a70f Form-field: Truncate the "read-only prefix" to 40% width so that the input field is always visible.
Currently, the input field goes off-screen if the read-only prefix is too long.

Given that the prefix is read-only, the user probably knows what the prefix is from context. e.g. In the case of the Repost Modal, the prefix is repeated in a selection field above. So, it's probably ok to just truncate the text to an ellipsis.

The input field is the more important one here, so giving it 60% width when truncation is needed.
2020-06-08 09:45:02 -04:00
..
_ads.scss moonpay 2020-06-03 14:16:43 -04:00
_animation.scss refactor lbrytv web server 2019-11-11 13:27:29 -05:00
_button.scss moonpay 2020-06-03 14:16:43 -04:00
_card.scss moonpay 2020-06-03 14:16:43 -04:00
_channel.scss moonpay 2020-06-03 14:16:43 -04:00
_claim-list.scss remove code left from rebase 2020-06-04 10:11:59 -04:00
_claim-search.scss moonpay 2020-06-03 14:16:43 -04:00
_comments.scss moonpay 2020-06-03 14:16:43 -04:00
_content.scss moonpay 2020-06-03 14:16:43 -04:00
_dat-gui.scss Fix and enable 3D viewer: #4035 2020-04-27 14:27:04 -04:00
_embed-player.scss add additional app driver on paid embeds 2020-05-26 14:29:53 -04:00
_expandable.scss moonpay 2020-06-03 14:16:43 -04:00
_file-drop.scss moonpay 2020-06-03 14:16:43 -04:00
_file-list.scss moonpay 2020-06-03 14:16:43 -04:00
_file-properties.scss moonpay 2020-06-03 14:16:43 -04:00
_file-render.scss moonpay 2020-06-03 14:16:43 -04:00
_footer.scss moonpay 2020-06-03 14:16:43 -04:00
_form-field.scss Form-field: Truncate the "read-only prefix" to 40% width so that the input field is always visible. 2020-06-08 09:45:02 -04:00
_form-row.scss moonpay 2020-06-03 14:16:43 -04:00
_header.scss moonpay 2020-06-03 14:16:43 -04:00
_icon.scss moonpay 2020-06-03 14:16:43 -04:00
_item-list.scss moonpay 2020-06-03 14:16:43 -04:00
_main.scss cleanup 2020-06-03 14:16:43 -04:00
_markdown-editor.scss Fix color contrast in Markdown Editor (both light & dark). 2020-06-04 10:22:57 -04:00
_markdown-preview.scss Fix css "--spacing-?" renaming that recent PRs missed during the merge. 2020-06-04 10:53:32 -04:00
_media.scss moonpay 2020-06-03 14:16:43 -04:00
_modal.scss moonpay 2020-06-03 14:16:43 -04:00
_navigation.scss moonpay 2020-06-03 14:16:43 -04:00
_pagination.scss moonpay 2020-06-03 14:16:43 -04:00
_placeholder.scss moonpay 2020-06-03 14:16:43 -04:00
_purchase.scss moonpay 2020-06-03 14:16:43 -04:00
_search.scss moonpay 2020-06-03 14:16:43 -04:00
_share.scss use web share api 2020-03-30 15:49:45 -04:00
_snack-bar.scss moonpay 2020-06-03 14:16:43 -04:00
_spinner.scss moonpay 2020-06-03 14:16:43 -04:00
_splash.scss moonpay 2020-06-03 14:16:43 -04:00
_status-bar.scss Fix css "--spacing-?" renaming that recent PRs missed during the merge. 2020-06-04 10:53:32 -04:00
_subscriptions.scss refactor lbrytv web server 2019-11-11 13:27:29 -05:00
_syntax-highlighter.scss Add integrated light theme 2020-02-07 09:21:28 -05:00
_table.scss moonpay 2020-06-03 14:16:43 -04:00
_tags.scss moonpay 2020-06-03 14:16:43 -04:00
_txo-list.scss use txo list for wallet page: 2020-04-15 11:12:29 -04:00
_wunderbar.scss moonpay 2020-06-03 14:16:43 -04:00
_yrbl.scss moonpay 2020-06-03 14:16:43 -04:00
expanding-details.scss moonpay 2020-06-03 14:16:43 -04:00
menu-button.scss moonpay 2020-06-03 14:16:43 -04:00
nag.scss moonpay 2020-06-03 14:16:43 -04:00
section.scss moonpay 2020-06-03 14:16:43 -04:00
tabs.scss moonpay 2020-06-03 14:16:43 -04:00