more consistent floating close buttons
This commit is contained in:
parent
2b09d56b63
commit
b60fcb09f1
4 changed files with 5 additions and 20 deletions
|
@ -125,7 +125,7 @@
|
||||||
"jsmediatags": "^3.8.1",
|
"jsmediatags": "^3.8.1",
|
||||||
"json-loader": "^0.5.4",
|
"json-loader": "^0.5.4",
|
||||||
"lbry-format": "https://github.com/lbryio/lbry-format.git",
|
"lbry-format": "https://github.com/lbryio/lbry-format.git",
|
||||||
"lbry-redux": "lbryio/lbry-redux#d2c0d999d6909a6ebb80a318052d0358e12048ee",
|
"lbry-redux": "lbryio/lbry-redux#05e70648e05c51c51710f6dd698a8e2219b54df2",
|
||||||
"lbryinc": "lbryio/lbryinc#a93596c51c8fb0a226cb84df04c26a6bb60a45fb",
|
"lbryinc": "lbryio/lbryinc#a93596c51c8fb0a226cb84df04c26a6bb60a45fb",
|
||||||
"lint-staged": "^7.0.2",
|
"lint-staged": "^7.0.2",
|
||||||
"localforage": "^1.7.1",
|
"localforage": "^1.7.1",
|
||||||
|
|
|
@ -119,10 +119,10 @@ export default function FileViewer(props: Props) {
|
||||||
{!inline && (
|
{!inline && (
|
||||||
<div className="content__actions">
|
<div className="content__actions">
|
||||||
<Tooltip label={__('View File')}>
|
<Tooltip label={__('View File')}>
|
||||||
<Button navigate={uri} icon={ICONS.VIEW} button="close" className="content__hide-viewer" />
|
<Button navigate={uri} icon={ICONS.VIEW} button="primary" />
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
<Tooltip label={__('Close')}>
|
<Tooltip label={__('Close')}>
|
||||||
<Button onClick={clearPlayingUri} icon={ICONS.REMOVE} button="close" className="content__hide-viewer" />
|
<Button onClick={clearPlayingUri} icon={ICONS.REMOVE} button="primary" />
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
|
@ -41,21 +41,6 @@
|
||||||
.button {
|
.button {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-left: var(--spacing-small);
|
margin-left: var(--spacing-small);
|
||||||
|
|
||||||
.icon:not(:hover) {
|
|
||||||
[data-mode='dark'] & {
|
|
||||||
stroke: $lbry-black;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.content__hide-viewer {
|
|
||||||
background-color: $lbry-white;
|
|
||||||
stroke: $lbry-black;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: $lbry-teal-5;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -6762,9 +6762,9 @@ lazy-val@^1.0.3, lazy-val@^1.0.4:
|
||||||
yargs "^13.2.2"
|
yargs "^13.2.2"
|
||||||
zstd-codec "^0.1.1"
|
zstd-codec "^0.1.1"
|
||||||
|
|
||||||
lbry-redux@lbryio/lbry-redux#d2c0d999d6909a6ebb80a318052d0358e12048ee:
|
lbry-redux@lbryio/lbry-redux#05e70648e05c51c51710f6dd698a8e2219b54df2:
|
||||||
version "0.0.1"
|
version "0.0.1"
|
||||||
resolved "https://codeload.github.com/lbryio/lbry-redux/tar.gz/d2c0d999d6909a6ebb80a318052d0358e12048ee"
|
resolved "https://codeload.github.com/lbryio/lbry-redux/tar.gz/05e70648e05c51c51710f6dd698a8e2219b54df2"
|
||||||
dependencies:
|
dependencies:
|
||||||
mime "^2.4.4"
|
mime "^2.4.4"
|
||||||
proxy-polyfill "0.1.6"
|
proxy-polyfill "0.1.6"
|
||||||
|
|
Loading…
Reference in a new issue