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

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

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