ppfun/pixelplanet
13
Fork 18
Code Issues 24 Pull Requests Releases 2 Activity

changing stylings

Browse Source
This commit is contained in:
HF 2022-09-05 00:22:11 +02:00
parent b1ee464697
commit 4f96f6d7d6
12 changed files with 69 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ChatMessage.jsx
View File

@ -38,8 +38,6 @@ function ChatMessage({
className += ' redtext';
}
console.log('RENDER MESSAGE');
const pArray = parseParagraph(msg);
return (

7
src/components/UIPopUp.jsx
View File

@ -32,12 +32,7 @@ const UIPopUp = () => {
return (
<div
className="win-content"
style={{
width: '100%',
height: '100%',
overflow: 'auto',
}}
className="popup-content"
>
<WindowContext.Provider value={contextData}>
{(windowType)

2
src/ssr/PopUp.jsx
View File

@ -64,7 +64,7 @@ function generatePopUpPage(lang) {
<link rel="stylesheet" type="text/css" id="globcss" href="${styleassets.default}" />
</head>
<body>
<div id="app">
<div id="app" class="popup">
</div>
<script src="${script}"></script>
</body>

2
src/store/actions/index.js
View File

@ -95,7 +95,7 @@ export function toggleOpenPalette() {
export function selectStyle(style) {
return {
type: 'SELECT_STYLE',
type: 's/SELECT_STYLE',
style,
};
}

4
src/store/middleware/parent.js
View File

@ -1,6 +1,9 @@
/*
* send and receive actions from parent window
*/
/* eslint-disable no-console */
import { load, unload } from '../actions';
const { origin } = window.location;
@ -41,7 +44,6 @@ export default (store) => (next) => (action) => {
}
}, 3000);
}
console.log('GOT', action.data);
return next(action.data);
}

4
src/store/middleware/popUps.js
View File

@ -1,6 +1,9 @@
/*
* send and receive actions from popups
*/
/* eslint-disable no-console */
import { propagateMe } from '../actions';
import popUps from '../../core/popUps';
@ -31,6 +34,5 @@ export default (store) => (next) => (action) => {
popUps.dispatch(action);
}
console.log(action);
return next(action);
};

2
src/store/reducers/gui.js
View File

@ -85,7 +85,7 @@ export default function gui(
};
}
case 'SELECT_STYLE': {
case 's/SELECT_STYLE': {
const { style } = action;
return {
...state,

14
src/styles/default.css
View File

@ -523,6 +523,12 @@ tr:nth-child(even) {
opacity: 0;
}
.popup {
width: 100%;
height: 100%;
background-color: rgba(252, 252, 252, 0.95);
}
.modal-content {
position: relative;
width: calc(100% - 3px);
@ -537,7 +543,13 @@ tr:nth-child(even) {
overflow-y: auto;
}
.modal-content, .win-content {
.popup-content {
width: 100%;
height: 100%;
overflow-y: auto;
}
.modal-content, .win-content, .popup-content {
color: hsla(0, 0%, 0%, 0.6);
font-size: 14px;
font-weight: 500;

2
src/styles/theme-arkeros.css
View File

@ -22,7 +22,7 @@ tr:nth-child(odd) {
color: #ff91a6;
}
.window {
.window, .popup {
background: linear-gradient(1deg,#61dcea ,#ffb1e1,#ecffec,#fff9b1,#61dcea);
}

32
src/styles/theme-dark-round.css
View File

@ -22,25 +22,34 @@ a:hover {
border-color: #d5d5d5;
}
.tab-list-active {
.tab-list-item {
color: #e2e2e2;
}
.tab-list-item.active {
background-color: #7b7b7b;
color: white;
}
.tab-list-item:not(.active):hover {
background-color: #636363;
}
tr:nth-child(even) {
background-color: #505050;
}
.window {
.window, .popup {
background-color: rgba(59, 59, 59, 0.98);
border-radius: 5px;
color: #f4f4f4;
}
.window {
border-radius: 5px;
}
.win-title {
background-color: #c1c1c1;
}
.win-topbar {
.win-topbar, .modal-topbtn {
color: black;
}
@ -48,11 +57,11 @@ tr:nth-child(even) {
background-color: #dedede;
}
.win-topbtn {
.win-topbtn, .modal-topbtn {
background-color: #a6a4a4;
}
.win-topbtn:hover {
.win-topbtn:hover, .modal-topbtn:hover {
background-color: #8b8b8b;
}
@ -99,7 +108,7 @@ tr:nth-child(even) {
border-radius: 12px;
}
.content {
.modal-content, .win-content, .popup-content {
color: #f4f4f4;
}
@ -123,15 +132,6 @@ h3, h4 {
color: hsla(220, 100%, 95.3%, 0.6);
}
.ModalClose, .ModalRestore {
background-color: #55555d;
border-color: #dcddde;
}
.ModalClose:hover, .ModalRestore:hover {
background-color: #6f6f75;
}
.overlay {
background-color: rgba(187, 187, 187, 0.75);
}

32
src/styles/theme-dark-sstraight.css
View File

@ -22,21 +22,30 @@ a:hover {
border-color: #d5d5d5;
}
.tab-list-active {
.tab-list-item {
color: #e2e2e2;
}
.tab-list-item.active {
background-color: #7b7b7b;
color: white;
}
.tab-list-item:not(.active):hover {
background-color: #636363;
}
tr:nth-child(even) {
background-color: #505050;
}
.window {
.window, .popup {
background-color: rgba(59, 59, 59, 0.98);
border-radius: 4px;
color: #ff8c22;
}
.window {
border-radius: 4px;
}
.win-topbar {
.win-topbar, .modal-topbtn {
color: black;
}
@ -49,11 +58,11 @@ tr:nth-child(even) {
background-color: #dedede;
}
.win-topbtn {
.win-topbtn, .modal-topbtn {
background-color: #a6a4a4;
}
.win-topbtn:hover {
.win-topbtn:hover, .modal-topbtn:hover {
background-color: #8b8b8b;
}
@ -104,7 +113,7 @@ tr:nth-child(even) {
border-radius: 10px;
}
.content {
.modal-content, .win-content, .popup-content {
color: #f8f8f8;
}
@ -128,15 +137,6 @@ h3, h4 {
color: hsla(220, 100%, 95.3%, 0.6);
}
.ModalClose, .ModalRestore {
background-color: #55555d;
border-color: #dcddde;
}
.ModalClose:hover, .ModalRestore:hover {
background-color: #6f6f75;
}
.overlay {
background-color: rgba(187, 187, 187, 0.75);
}

28
src/styles/theme-dark.css
View File

@ -22,15 +22,22 @@ a:hover {
border-color: #d5d5d5;
}
.tab-list-active {
.tab-list-item {
color: #e2e2e2;
}
.tab-list-item.active {
background-color: #7b7b7b;
color: white;
}
.tab-list-item:not(.active):hover {
background-color: #636363;
}
tr:nth-child(even) {
background-color: #505050;
}
.window {
.window, .popup {
background-color: rgba(59, 59, 59, 0.98);
color: #f4f4f4;
}
@ -39,7 +46,7 @@ tr:nth-child(even) {
background-color: #c1c1c1;
}
.win-topbar {
.win-topbar, .modal-topbtn {
color: black;
}
@ -47,11 +54,11 @@ tr:nth-child(even) {
background-color: #dedede;
}
.win-topbtn {
.win-topbtn, .modal-topbtn {
background-color: #a6a4a4;
}
.win-topbtn:hover {
.win-topbtn:hover, .modal-topbtn:hover {
background-color: #8b8b8b;
}
@ -70,7 +77,7 @@ tr:nth-child(even) {
color: #f4f4f4;
}
.content {
.modal-content, .win-content, .popup-content {
color: #f4f4f4;
}
@ -108,15 +115,6 @@ h3, h4 {
color: hsla(220, 100%, 95.3%, 0.6);
}
.ModalClose, .ModalRestore {
background-color: #55555d;
border-color: #dcddde;
}
.ModalClose:hover, .ModalRestore:hover {
background-color: #6f6f75;
}
.overlay {
background-color: rgba(187, 187, 187, 0.75);
}