lbry-desktop/ui/scss/component/_file-actions.scss


.file-actions
{
  line-height: var(--button-height);
  min-height: var(--button-height);
}

.file-actions__download-status-bar, .file-actions__download-status-bar-overlay {
   .button__content {
     margin: 0 var(--text-link-padding);
   }
}

.file-actions__download-status-bar
{
  position: relative;
  color: var(--color-download);
}
.file-actions__download-status-bar-overlay
{
  background: var(--color-download);
  color: white;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  z-index: 1;
  top: 0px;
  left: 0px;
}
big refactor of file actions/buttons/tiles 2017-01-12 21:03:34 -05:00
unavailable content cleanup 2017-01-21 16:31:41 -05:00			`.file-actions`
big refactor of file actions/buttons/tiles 2017-01-12 21:03:34 -05:00			`{`
init migration to css vars 2017-08-17 23:37:35 -06:00			`line-height: var(--button-height);`
			`min-height: var(--button-height);`
big refactor of file actions/buttons/tiles 2017-01-12 21:03:34 -05:00			`}`

Reduce padding around text buttons After moving the padding to the content of buttons, we ended up with extra padding around text buttons that wasn't there before. The "Download" bar doesn't look great with no padding at all, but it needs to match the text buttons so the text doesn't jump to the right when it switches from "Download" (text button) to "Connecting" (progress bar). So we pad both text buttons and progress bars just a little bit, less than a standard button but enough that progress bars look OK. 2017-01-18 03:45:23 -05:00			`.file-actions__download-status-bar, .file-actions__download-status-bar-overlay {`
			`.button__content {`
init migration to css vars 2017-08-17 23:37:35 -06:00			`margin: 0 var(--text-link-padding);`
Reduce padding around text buttons After moving the padding to the content of buttons, we ended up with extra padding around text buttons that wasn't there before. The "Download" bar doesn't look great with no padding at all, but it needs to match the text buttons so the text doesn't jump to the right when it switches from "Download" (text button) to "Connecting" (progress bar). So we pad both text buttons and progress bars just a little bit, less than a standard button but enough that progress bars look OK. 2017-01-18 03:45:23 -05:00			`}`
			`}`

big refactor of file actions/buttons/tiles 2017-01-12 21:03:34 -05:00			`.file-actions__download-status-bar`
			`{`
			`position: relative;`
update overall scss structure make styles more flexible / customizable 2017-08-18 22:33:01 -06:00			`color: var(--color-download);`
big refactor of file actions/buttons/tiles 2017-01-12 21:03:34 -05:00			`}`
			`.file-actions__download-status-bar-overlay`
			`{`
update overall scss structure make styles more flexible / customizable 2017-08-18 22:33:01 -06:00			`background: var(--color-download);`
big refactor of file actions/buttons/tiles 2017-01-12 21:03:34 -05:00			`color: white;`
			`position: absolute;`
			`white-space: nowrap;`
			`overflow: hidden;`
			`z-index: 1;`
			`top: 0px;`
			`left: 0px;`
init migration to css vars 2017-08-17 23:37:35 -06:00			`}`