Spythere/stacjownik
1
0
Fork 0
mirror of https://github.com/Spythere/stacjownik.git synced 2026-05-03 13:28:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Poprawki błędów (1.3.5)

Browse Source
This commit is contained in:
Spythere
2020-12-29 01:48:10 +01:00
parent ff17b791f0
commit 709eacc980
33 changed files with 7037 additions and 7039 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/global.scss
+232 -232
View File
@@ -1,233 +1,233 @@
:root {
font-size: 16px;
}
::-webkit-scrollbar {
width: 0.5rem;
height: 0.5rem;
&-track {
background: #222;
}
&-thumb {
border-radius: 1rem;
background: #777;
}
}
.tooltip {
position: relative;
& > &-text {
display: inline-block;
width: 150px;
padding: .5rem .35rem;
background-color: #830000;
border-radius: .5rem;
display: inline-block;
max-width: 150px;
font-size: 1em;
text-align: center;
color: #fff;
position: absolute;
z-index: 1;
visibility: hidden;
opacity: 0;
left: 50%;
transform: translate(-50%, calc(-100% - 1rem));
transition: opacity 0.3s;
&::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #830000 transparent transparent transparent;
}
}
&:hover > &-text {
@include smallScreen() {
display: none;
}
visibility: visible;
opacity: 1;
}
}
html {
scroll-behavior: smooth;
}
body {
width: 100%;
margin: 0;
// font-family: "Open Sans", sans-serif;
font-family: "Quicksand", sans-serif;
overflow-x: hidden;
}
button,
input,
select {
// font-family: "Open Sans", sans-serif;
font-family: "Quicksand", sans-serif;
}
input {
border: 1px solid white;
background: none;
color: white;
font-size: 1em;
padding: 0.15em;
margin: 0.2em;
max-width: 55px;
outline: none;
&::placeholder {
color: #bebebe;
}
}
*,
*::before,
*::after {
box-sizing: border-box;
padding: 0;
margin: 0;
-webkit-tap-highlight-color: transparent;
}
.default-station {
font-weight: bold;
color: $accentCol;
}
.card {
display: flex;
flex-direction: column;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 4;
overflow: auto;
background: #262a2e;
box-shadow: 0 0 15px 5px #474747;
width: 75%;
max-width: 750px;
max-height: 95%;
// font-size: calc(0.6rem + 0.5vw);
font-size: calc(0.45rem + 0.35vw);
@include smallScreen {
width: 95%;
}
@include bigScreen {
font-size: 1.4rem;
}
&-exit {
position: absolute;
top: 0;
right: 0;
margin: 0.3em 0em;
img {
width: 1.6em;
}
cursor: pointer;
}
}
.title {
color: $accentCol;
font-weight: 600;
padding: .35em 0;
}
.button {
display: flex;
align-items: center;
background: #333;
border: none;
color: #e0e0e0;
font-size: 0.9em;
outline: none;
padding: 0.35em;
cursor: pointer;
transition: all 0.3s;
&.open {
color: $accentCol;
border: none;
}
&:hover {
background: rgba(#e0e0e0, 0.4);
}
}
a {
color: white;
text-decoration: none;
transition: color 0.3s;
&:hover,
&:focus {
color: $accentCol;
border: none;
outline: none;
}
}
ul {
padding: 0;
list-style: none;
}
.flex {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
&-spaced {
justify-content: space-between;
}
&-column {
flex-direction: column;
}
:root {
font-size: 16px;
}
::-webkit-scrollbar {
width: 0.5rem;
height: 0.5rem;
&-track {
background: #222;
}
&-thumb {
border-radius: 1rem;
background: #777;
}
}
.tooltip {
position: relative;
& > &-text {
display: inline-block;
width: 150px;
padding: .5rem .35rem;
background-color: #830000;
border-radius: .5rem;
display: inline-block;
max-width: 150px;
font-size: 1em;
text-align: center;
color: #fff;
position: absolute;
z-index: 1;
visibility: hidden;
opacity: 0;
left: 50%;
transform: translate(-50%, calc(-100% - 1rem));
transition: opacity 0.3s;
&::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #830000 transparent transparent transparent;
}
}
&:hover > &-text {
@include smallScreen() {
display: none;
}
visibility: visible;
opacity: 1;
}
}
html {
scroll-behavior: smooth;
}
body {
width: 100%;
margin: 0;
// font-family: "Open Sans", sans-serif;
font-family: "Quicksand", sans-serif;
overflow-x: hidden;
}
button,
input,
select {
// font-family: "Open Sans", sans-serif;
font-family: "Quicksand", sans-serif;
}
input {
border: 1px solid white;
background: none;
color: white;
font-size: 1em;
padding: 0.15em;
margin: 0.2em;
max-width: 55px;
outline: none;
&::placeholder {
color: #bebebe;
}
}
*,
*::before,
*::after {
box-sizing: border-box;
padding: 0;
margin: 0;
-webkit-tap-highlight-color: transparent;
}
.default-station {
font-weight: bold;
color: $accentCol;
}
.card {
display: flex;
flex-direction: column;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 4;
overflow: auto;
background: #262a2e;
box-shadow: 0 0 15px 5px #474747;
width: 75%;
max-width: 750px;
max-height: 95%;
// font-size: calc(0.6rem + 0.5vw);
font-size: calc(0.45rem + 0.35vw);
@include smallScreen {
width: 95%;
}
@include bigScreen {
font-size: 1.4rem;
}
&-exit {
position: absolute;
top: 0;
right: 0;
margin: 0.3em 0em;
img {
width: 1.6em;
}
cursor: pointer;
}
}
.title {
color: $accentCol;
font-weight: 600;
padding: .35em 0;
}
.button {
display: flex;
align-items: center;
background: #333;
border: none;
color: #e0e0e0;
font-size: 0.9em;
outline: none;
padding: 0.35em;
cursor: pointer;
transition: all 0.3s;
&.open {
color: $accentCol;
border: none;
}
&:hover {
background: rgba(#e0e0e0, 0.4);
}
}
a {
color: white;
text-decoration: none;
transition: color 0.3s;
&:hover,
&:focus {
color: $accentCol;
border: none;
outline: none;
}
}
ul {
padding: 0;
list-style: none;
}
.flex {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
&-spaced {
justify-content: space-between;
}
&-column {
flex-direction: column;
}
}
src/styles/scenery_status.scss
+50 -50
View File
@@ -1,51 +1,51 @@
$free: #8a8a8a;
$ending: #e6c300;
$no-limit: #0077ae;
$unav: #ff3d5d;
$brb: #e6a100;
$no-space: #222;
$taken: #09a116;
.status {
border-radius: 1rem;
font-weight: 500;
font-size: 0.9em;
padding: 0.2em 0.45em;
background-color: $taken;
&.free {
background-color: $free;
font-size: 0.95em;
}
&.ending {
background-color: $ending;
color: black;
font-size: 0.9em;
}
&.no-limit {
background-color: $no-limit;
font-size: 0.85em;
}
&.not-signed,
&.unavailable {
background-color: $unav;
font-size: 0.8em;
}
&.brb {
background-color: $brb;
color: black;
font-size: 0.95em;
}
&.no-space {
background-color: $no-space;
color: white;
font-size: 0.85em;
}
$free: #8a8a8a;
$ending: #e6c300;
$no-limit: #0077ae;
$unav: #ff3d5d;
$brb: #e6a100;
$no-space: #222;
$taken: #09a116;
.status {
border-radius: 1rem;
font-weight: 500;
font-size: 0.9em;
padding: 0.2em 0.45em;
background-color: $taken;
&.free {
background-color: $free;
font-size: 0.95em;
}
&.ending {
background-color: $ending;
color: black;
font-size: 0.9em;
}
&.no-limit {
background-color: $no-limit;
font-size: 0.85em;
}
&.not-signed,
&.unavailable {
background-color: $unav;
font-size: 0.8em;
}
&.brb {
background-color: $brb;
color: black;
font-size: 0.95em;
}
&.no-space {
background-color: $no-space;
color: white;
font-size: 0.85em;
}
}
src/styles/user_badge.scss
+53 -53
View File
@@ -1,54 +1,54 @@
$no-timetable: #aaa;
$departed: springgreen;
$stopped: #ffa600;
$online: gold;
$terminated: red;
$disconnected: slategray;
.user-badge {
border: 2px solid white;
z-index: 4;
margin-top: 0.5rem;
margin-right: 0.5rem;
border-radius: 0.7em;
padding: 0.3em 0.5em;
font-size: 0.95em;
&.borderless {
border: none;
margin: 0;
padding: 0;
}
&.no-timetable {
border: 2px solid $no-timetable;
a {
color: $no-timetable;
pointer-events: none;
}
}
&.departed {
border: 2px solid $departed;
}
&.stopped {
border: 2px solid $stopped;
}
&.online {
border: 2px solid $online;
}
&.terminated {
border: 2px solid $terminated;
}
&.disconnected {
border: 1px solid $disconnected;
}
$no-timetable: #aaa;
$departed: springgreen;
$stopped: #ffa600;
$online: gold;
$terminated: red;
$disconnected: slategray;
.user-badge {
border: 2px solid white;
z-index: 4;
margin-top: 0.5rem;
margin-right: 0.5rem;
border-radius: 0.7em;
padding: 0.3em 0.5em;
font-size: 0.95em;
&.borderless {
border: none;
margin: 0;
padding: 0;
}
&.no-timetable {
border: 2px solid $no-timetable;
a {
color: $no-timetable;
pointer-events: none;
}
}
&.departed {
border: 2px solid $departed;
}
&.stopped {
border: 2px solid $stopped;
}
&.online {
border: 2px solid $online;
}
&.terminated {
border: 2px solid $terminated;
}
&.disconnected {
border: 1px solid $disconnected;
}
}