LBRYCommunity/spee.ch
1
0
Fork 0
Code Issues 95 Pull requests 2 Projects Releases 4 Packages Wiki Activity

fixed css width issue on details page

Browse source
This commit is contained in:
bill bittner 2018-02-26 17:00:54 -08:00
parent cdf567e8ee
commit fa750c6f47
3 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
public/assets/css/general.css
View file

@ -542,10 +542,6 @@ table {
/* show */
.asset {
max-width: 100%;
}
#video {
cursor: pointer;
background-color: #ffffff;
@ -556,15 +552,19 @@ table {
}
/* show lite */
#show-lite-container {
.show-lite-container {
text-align: center;
}
#show-lite-container #asset-display-component {
.show-lite-container #asset-display-component {
max-height: calc(100vh - 3em);
}
#show-lite-container #asset-display-component .asset {
.show-details-container #asset-display-component .asset {
width: 100%
}
.show-lite-container #asset-display-component .asset {
max-height: calc(100vh - 3em);
max-width: 100vw;
}

2
react/components/ShowAssetDetails/view.jsx
View file

@ -20,7 +20,7 @@ class ShowAssetDetails extends React.Component {
<AssetTitle />
</div>
<div className='column column--5 column--sml-10 align-content-top'>
<div className='row row--padded'>
<div className='row row--padded show-details-container'>
<AssetDisplay />
</div>
</div><div className='column column--5 column--sml-10 align-content-top'>

2
react/components/ShowAssetLite/view.jsx
View file

@ -9,7 +9,7 @@ class ShowLite extends React.Component {
if (asset) {
const { name, claimId } = asset.claimData;
return (
<div id='show-lite-container' className='row row--tall flex-container--column flex-container--center-center'>
<div className='row row--tall flex-container--column flex-container--center-center show-lite-container'>
<SEO pageTitle={name} asset={asset} />
<AssetDisplay />
<Link id='asset-boilerpate' className='link--primary fine-print' to={`/${claimId}/${name}`}>hosted