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

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

@ -20,7 +20,7 @@ class ShowAssetDetails extends React.Component {
<AssetTitle /> <AssetTitle />
</div> </div>
<div className='column column--5 column--sml-10 align-content-top'> <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 /> <AssetDisplay />
</div> </div>
</div><div className='column column--5 column--sml-10 align-content-top'> </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) { if (asset) {
const { name, claimId } = asset.claimData; const { name, claimId } = asset.claimData;
return ( 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} /> <SEO pageTitle={name} asset={asset} />
<AssetDisplay /> <AssetDisplay />
<Link id='asset-boilerpate' className='link--primary fine-print' to={`/${claimId}/${name}`}>hosted <Link id='asset-boilerpate' className='link--primary fine-print' to={`/${claimId}/${name}`}>hosted