Various CSS updates.

Most of the UI is now unselectable.
The account selecton styles now conform with the auth account styles.
This commit is contained in:
Daniel Scalzi 2018-06-12 04:12:22 -04:00
parent b61a9a2c55
commit 7cf0e1f049
No known key found for this signature in database
GPG Key ID: 5CA2F145B63535F9
4 changed files with 12 additions and 7 deletions

View File

@ -11,6 +11,7 @@
transition: background-image 1s ease; transition: background-image 1s ease;
background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA+Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2ODApLCBkZWZhdWx0IHF1YWxpdHkK/9sAQwAIBgYHBgUIBwcHCQkICgwUDQwLCwwZEhMPFB0aHx4dGhwcICQuJyAiLCMcHCg3KSwwMTQ0NB8nOT04MjwuMzQy/9sAQwEJCQkMCwwYDQ0YMiEcITIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIy/8AAEQgAPwBwAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A8VooopDCiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKAP/9k='); background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA+Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2ODApLCBkZWZhdWx0IHF1YWxpdHkK/9sAQwAIBgYHBgUIBwcHCQkICgwUDQwLCwwZEhMPFB0aHx4dGhwcICQuJyAiLCMcHCg3KSwwMTQ0NB8nOT04MjwuMzQy/9sAQwEJCQkMCwwYDQ0YMiEcITIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIy/8AAEQgAPwBwAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A8VooopDCiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKAP/9k=');
background-size: cover; background-size: cover;
-webkit-user-select: none;
} }
#main { #main {
display: none; display: none;

View File

@ -1245,6 +1245,7 @@ input:checked + .toggleSwitchSlider:before {
} }
.settingsAuthAccountDetailValue { .settingsAuthAccountDetailValue {
font-size: 14px; font-size: 14px;
-webkit-user-select: initial;
} }
/* Account actions container. */ /* Account actions container. */
@ -1520,6 +1521,7 @@ input:checked + .toggleSwitchSlider:before {
height: 82vh; height: 82vh;
width: 82vw; width: 82vw;
display: flex; display: flex;
-webkit-user-select: initial;
} }
/* News article status container (left). */ /* News article status container (left). */
@ -1543,8 +1545,6 @@ input:checked + .toggleSwitchSlider:before {
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
font-family: 'Avenir Medium'; font-family: 'Avenir Medium';
}
#newsArticleTitle {
color: white; color: white;
text-decoration: none; text-decoration: none;
transition: 0.25s ease; transition: 0.25s ease;
@ -1659,6 +1659,7 @@ input:checked + .toggleSwitchSlider:before {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-bottom: 10px; margin-bottom: 10px;
-webkit-user-select: none;
} }
/* Navigation status span. */ /* Navigation status span. */
@ -1920,6 +1921,7 @@ input:checked + .toggleSwitchSlider:before {
position: absolute; position: absolute;
right: 95px; right: 95px;
text-align: right; text-align: right;
-webkit-user-select: initial;
} }
/* Social media icon content container. */ /* Social media icon content container. */
@ -2459,12 +2461,14 @@ input:checked + .toggleSwitchSlider:before {
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
letter-spacing: 1px; letter-spacing: 1px;
-webkit-user-select: initial;
} }
/* Overlay description styles. */ /* Overlay description styles. */
#overlayDesc { #overlayDesc {
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
-webkit-user-select: initial;
} }
/* Div which contains action buttons. */ /* Div which contains action buttons. */
@ -2596,8 +2600,8 @@ input:checked + .toggleSwitchSlider:before {
.accountListing { .accountListing {
color: white; color: white;
border: 1px solid rgba(170, 170, 170, 0.5); border: 1px solid rgba(126, 126, 126, 0.57);
border-radius: 4px; border-radius: 3px;
padding: 5px 45px; padding: 5px 45px;
width: 250px; width: 250px;
display: flex; display: flex;
@ -2607,7 +2611,7 @@ input:checked + .toggleSwitchSlider:before {
transition: 0.25s ease; transition: 0.25s ease;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
background: rgba(255, 255, 255, 0.25); background: rgba(0, 0, 0, 0.25);
} }
.accountListing[selected] { .accountListing[selected] {
cursor: default; cursor: default;

2
package-lock.json generated
View File

@ -1,6 +1,6 @@
{ {
"name": "westeroscraftlauncher", "name": "westeroscraftlauncher",
"version": "0.0.1-alpha.10", "version": "0.0.1-alpha.11",
"lockfileVersion": 1, "lockfileVersion": 1,
"requires": true, "requires": true,
"dependencies": { "dependencies": {

View File

@ -1,6 +1,6 @@
{ {
"name": "westeroscraftlauncher", "name": "westeroscraftlauncher",
"version": "0.0.1-alpha.10", "version": "0.0.1-alpha.11",
"description": "Custom modded launcher for Westeroscraft", "description": "Custom modded launcher for Westeroscraft",
"productName": "WesterosCraft Launcher", "productName": "WesterosCraft Launcher",
"main": "index.js", "main": "index.js",