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

Optimised Code

Browse source 
Removed and optimised the styles to limit duplicates and gave elements a block display to make sure centering and image sizes act like they should.

Move all video related code on to the video tag.

Images are probably best at `max-width:100%; to prevent them looking too small on devices, such as iPad Mini.
This commit is contained in:
Mark (Steve) Firth 2017-11-10 15:43:57 +10:00 committed by GitHub
parent 15ab2e0317
commit 121e1e9e4c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -517,23 +517,21 @@ table {
width: 100%;
}
#video-player, .showlite-asset {
padding: 6px;
border: 1px solid #555;
display: block;
margin: 0 auto;
background-color: #fff;
}
#video-player {
cursor: pointer;
}
.showlite-asset {
max-width: 50%;
margin: 0 auto;
margin-top: 2%;
padding: 6px;
border: 1px solid #a2a2a2;
//Optional Box Shadow - Looks better on a darker than white background.
max-width: 50%;
border: 1px solid #d0d0d0;
box-shadow: 0 0 50px -6px rgba(0, 0, 0, 0.72);
}
.showlite-asset {
max-width: 100%;
}
/* item lists */