PSForever/PSFPortal
1
0
Fork 0
mirror of https://github.com/psforever/PSFPortal.git synced 2026-07-14 16:04:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Application improvements

Browse source 
* Change favicon
* Display account banned status on admin search
* Pull in application version from Webpack
* Add "Feedback" button in footer and github references
* Fix faction icons to make them the same size
* PaginatedList component now supports back
* Tabbed navs support back
* Hide Pagination when only one page
* Improve admin table style and size
This commit is contained in:
Chord 2019-12-31 09:46:34 -05:00
parent 817796e181
commit fa6e168ccc
23 changed files with 244 additions and 158 deletions
Download patch file Download diff file Expand all files Collapse all files

81
scss/base.scss Normal file
View file

@ -0,0 +1,81 @@
html, body {
position: relative;
width: 100%;
height: 100%;
background: $bg-color;
}
body {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}
// Sticky footer code
main {
min-height: calc(100vh - 160px);
margin: 20px 0;
color: white;
.modal {
color: black;
}
}
.footer {
height: 60px;
font-size: 0.75em;
}
a {
color: rgb(0,150,250);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/*a:visited {
color: rgb(0,160,190);
}*/
label {
display: block;
}
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
padding: 0.4em;
margin: 0 0 0.5em 0;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 2px;
}
input:disabled {
color: #ccc;
}
input[type="range"] {
height: 0;
}
button {
background-color: #f4f4f4;
outline: none;
}
button:active {
background-color: #ddd;
}
button:focus {
border-color: #666;
}
.form-control-plaintext {
color: white;
}

1
scss/custom.scss
View file

@ -0,0 +1 @@
// TODO

108
scss/defaults.scss
View file

@ -1,111 +1,3 @@
$bg-color: #171d3a;
$faction-vs: #440E62;
$faction-nc: #004B80;
$faction-tr: #9E0B0F;
.faction-vs {
color: $faction-vs;
}
.faction-nc {
color: $faction-nc;
}
.faction-tr {
color: $faction-tr;
}
.faction-vs-bg {
background: $faction-vs;
}
.faction-nc-bg {
background: $faction-nc;
}
.faction-tr-bg {
background: $faction-tr;
}
html, body {
position: relative;
width: 100%;
height: 100%;
background: $bg-color;
}
body {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
// Sticky footer code
main {
min-height: calc(100vh - 160px);
margin: 20px 0;
color: white;
.modal {
color: black;
}
}
.footer {
height: 60px;
font-size: 0.75em;
}
a {
color: rgb(0,150,250);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/*a:visited {
color: rgb(0,160,190);
}*/
label {
display: block;
}
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
padding: 0.4em;
margin: 0 0 0.5em 0;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 2px;
}
input:disabled {
color: #ccc;
}
input[type="range"] {
height: 0;
}
button {
background-color: #f4f4f4;
outline: none;
}
button:active {
background-color: #ddd;
}
button:focus {
border-color: #666;
}
.form-control-plaintext {
color: white;
}
.notification-shake {
animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
transform: translate3d(0, 0, 0);

5
scss/main.scss
View file

@ -1,4 +1,9 @@
// bootstrap style overrides
@import "custom";
@import "~bootstrap/scss/bootstrap";
$bg-color: #171d3a;
@import "defaults";
@import "base";
@import "planetside";

32
scss/planetside.scss Normal file
View file

@ -0,0 +1,32 @@
$faction-vs: #440E62;
$faction-nc: #004B80;
$faction-tr: #9E0B0F;
.faction-vs {
color: $faction-vs;
}
.faction-nc {
color: $faction-nc;
}
.faction-tr {
color: $faction-tr;
}
.faction-vs-bg {
background: $faction-vs;
}
.faction-nc-bg {
background: $faction-nc;
}
.faction-tr-bg {
background: $faction-tr;
}
.faction-icon {
width: 32px;
display: inline-block;
}