fix: button style in file description
This commit is contained in:
parent
1367eef934
commit
27eb1a8dbe
3 changed files with 11 additions and 9 deletions
|
@ -7,8 +7,6 @@ import path from 'path';
|
||||||
import player from 'render-media';
|
import player from 'render-media';
|
||||||
import FileRender from 'component/fileRender';
|
import FileRender from 'component/fileRender';
|
||||||
import LoadingScreen from 'component/common/loading-screen';
|
import LoadingScreen from 'component/common/loading-screen';
|
||||||
// Loading this here so we have uniform video style even if we use two different players
|
|
||||||
import 'video.js/dist/video-js.css';
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
contentType: string,
|
contentType: string,
|
||||||
|
|
|
@ -2,6 +2,7 @@
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { stopContextMenu } from 'util/context-menu';
|
import { stopContextMenu } from 'util/context-menu';
|
||||||
import videojs from 'video.js';
|
import videojs from 'video.js';
|
||||||
|
import 'video.js/dist/video-js.css';
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
source: {
|
source: {
|
||||||
|
|
|
@ -92,14 +92,17 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.button--link:not(:disabled) {
|
.button--link {
|
||||||
html[data-mode='dark'] & {
|
word-break: break-all;
|
||||||
&:not(:hover) {
|
&:not(:disabled) {
|
||||||
color: $lbry-teal-4;
|
html[data-mode='dark'] & {
|
||||||
}
|
&:not(:hover) {
|
||||||
|
color: $lbry-teal-4;
|
||||||
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $lbry-teal-3;
|
color: $lbry-teal-3;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue