Mirrors/overte
3
0
Fork 0
mirror of https://github.com/overte-org/overte.git synced 2025-08-12 18:34:22 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update some typefaces; Add margins to pics

Browse source
This commit is contained in:
Zach Fox 2017-05-01 15:28:50 -07:00
parent ac86c13477
commit 5b168301bc
3 changed files with 25 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
scripts/system/html/css/SnapshotReview.css
View file

@ -80,6 +80,8 @@ input[type=button].naked:active {
#snapshot-images { #snapshot-images {
width: 100%; width: 100%;
display: flex;
justify-content: center;
} }
#snapshot-images img { #snapshot-images img {
@ -119,13 +121,13 @@ input[type=button].naked:active {
.shareButtons { .shareButtons {
display: flex; display: flex;
align-items: center; align-items: center;
margin-left: 30px; margin-left: 15px;
height: 100%; height: 100%;
width: 80%; width: 75%;
} }
.blastToConnections { .blastToConnections {
text-align: left; text-align: left;
margin-right: 25px; margin-right: 20px;
height: 29px; height: 29px;
} }
.shareWithEveryone { .shareWithEveryone {
@ -158,10 +160,11 @@ input[type=button].naked:active {
font-family: Raleway-SemiBold; font-family: Raleway-SemiBold;
font-size: 14px; font-size: 14px;
color: white; color: white;
text-shadow: 2px 2px 3px #000000;
height: 100%; height: 100%;
margin-right: 10px; margin-right: 10px;
width: 20%; }
.showShareButtonsButtonDiv > label {
text-shadow: 2px 2px 3px #000000;
} }
.showShareButton { .showShareButton {
width: 40px; width: 40px;
@ -193,23 +196,17 @@ input[type=button].naked:active {
background-color: white; background-color: white;
} }
.showShareButtonDots { .showShareButtonDots {
display: flex; display: block;
width: 32px; width: 40px;
height: 40px; height: 40px;
font-family: HiFi-Glyphs;
font-size: 60px;
position: absolute; position: absolute;
top: 5px; right: 20px;
right: 14px; bottom: 15px;
color: #00b4ef;
pointer-events: none; pointer-events: none;
} }
.showShareButtonDots > span {
width: 10px;
height: 10px;
margin: auto;
background-color: #0093C5;
border-radius: 50%;
border-width: 0;
display: inline;
}
/* /*
// END styling of share overlay // END styling of share overlay
*/ */

9
scripts/system/html/css/hifi-style.css
View file

@ -101,9 +101,11 @@ input[type=radio] {
opacity: 0; opacity: 0;
} }
input[type=radio] + label{ input[type=radio] + label{
display: inline-block; display: inline-block;
margin-left: -2em; margin-left: -2em;
line-height: 2em; line-height: 2em;
font-family: Raleway-SemiBold;
font-size: 14px;
} }
input[type=radio] + label > span{ input[type=radio] + label > span{
display: inline-block; display: inline-block;
@ -157,7 +159,6 @@ input[type=radio]:active + label > span > span{
border-width: 0px; border-width: 0px;
background-image: linear-gradient(#00B4EF, #1080B8); background-image: linear-gradient(#00B4EF, #1080B8);
min-height: 30px; min-height: 30px;
} }
.blueButton:hover { .blueButton:hover {
background-image: linear-gradient(#00B4EF, #00B4EF); background-image: linear-gradient(#00B4EF, #00B4EF);

9
scripts/system/html/js/SnapshotReview.js
View file

@ -60,8 +60,9 @@ function addImage(image_data, isGifLoading, canShare, isShowingPreviousImages, b
// imageContainer setup // imageContainer setup
var imageContainer = document.createElement("DIV"); var imageContainer = document.createElement("DIV");
imageContainer.id = id; imageContainer.id = id;
imageContainer.style.width = "100%"; imageContainer.style.width = "95%";
imageContainer.style.height = "251px"; imageContainer.style.height = "240px";
imageContainer.style.margin = "5px 0";
imageContainer.style.display = "flex"; imageContainer.style.display = "flex";
imageContainer.style.justifyContent = "center"; imageContainer.style.justifyContent = "center";
imageContainer.style.alignItems = "center"; imageContainer.style.alignItems = "center";
@ -118,7 +119,7 @@ function createShareBar(parentID, isGif, shareURL, blastButtonDisabled, hifiButt
'<label id="' + showShareButtonsLabelID + '" for="' + showShareButtonsButtonID + '">SHARE</label>' + '<label id="' + showShareButtonsLabelID + '" for="' + showShareButtonsButtonID + '">SHARE</label>' +
'<input type="button" class="showShareButton inactive" id="' + showShareButtonsButtonID + '" onclick="selectImageToShare(' + parentID + ', true)" />' + '<input type="button" class="showShareButton inactive" id="' + showShareButtonsButtonID + '" onclick="selectImageToShare(' + parentID + ', true)" />' +
'<div class="showShareButtonDots">' + '<div class="showShareButtonDots">' +
'<span></span><span></span><span></span>' + '&#xe019;' +
'</div>' + '</div>' +
'</div>'; '</div>';
@ -231,7 +232,7 @@ function handleCaptureSetting(setting) {
window.onload = function () { window.onload = function () {
// Uncomment the line below to test functionality in a browser. // Uncomment the line below to test functionality in a browser.
// See definition of "testInBrowser()" to modify tests. // See definition of "testInBrowser()" to modify tests.
//testInBrowser(true); testInBrowser(false);
openEventBridge(function () { openEventBridge(function () {
// Set up a handler for receiving the data, and tell the .js we are ready to receive it. // Set up a handler for receiving the data, and tell the .js we are ready to receive it.
EventBridge.scriptEventReceived.connect(function (message) { EventBridge.scriptEventReceived.connect(function (message) {