backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2025-12-18 10:01:23 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

diplomacy - change relations screen

Browse source
This commit is contained in:
Azgaar 2021-12-31 18:21:37 +03:00
parent 05217d176d
commit 865afdc2aa
5 changed files with 259 additions and 162 deletions
Download patch file Download diff file Expand all files Collapse all files

68
index.css
View file

@ -29,6 +29,11 @@ input:read-only {
cursor: default;
}
input[type="radio"] {
vertical-align: bottom;
cursor: pointer;
}
textarea {
padding: 2px;
text-indent: 1px;
@ -834,75 +839,79 @@ fieldset {
}
.matrix-table {
width: 100%;
font-size: smaller;
text-align: center;
border-collapse: collapse;
max-height: 80vh;
max-width: 85vw;
scrollbar-width: thin;
overflow: auto;
}
table.matrix-table th,
table.matrix-table td {
.matrix-table > table {
text-align: center;
border-collapse: collapse;
font-size: smaller;
}
.matrix-table > table th,
.matrix-table > table td {
border: 1px solid var(--dark-solid);
height: 2em;
padding: 0.2em;
position: relative;
}
table.matrix-table th {
.matrix-table > table th {
background-color: #302a2a;
color: #ffffff;
}
table.matrix-table tr:hover th {
background: #3e3636;
}
table.matrix-table td:hover {
.matrix-table > table td:hover {
outline: 2px solid var(--dark-solid);
outline-offset: -1px;
z-index: 1;
cursor: pointer;
}
table.matrix-table td.Ally {
.matrix-table > table td.Ally {
background-color: #73ec73;
color: #000000;
}
table.matrix-table td.Friendly {
.matrix-table > table td.Friendly {
background-color: #d4f8aa;
}
table.matrix-table td.Neutral {
.matrix-table > table td.Neutral {
background-color: #d8d9d3;
}
table.matrix-table td.Suspicion {
.matrix-table > table td.Suspicion {
background-color: #eeafaa;
}
table.matrix-table td.Enemy {
.matrix-table > table td.Enemy {
background-color: #ffa39c;
color: #af0d23;
}
table.matrix-table td.Unknown {
.matrix-table > table td.Unknown {
background-color: #c1bfbf;
}
table.matrix-table td.Rival {
.matrix-table > table td.Rival {
background-color: #bd845c;
}
table.matrix-table td.Vassal {
.matrix-table > table td.Vassal {
background-color: #87cefa;
}
table.matrix-table td.Suzerain {
.matrix-table > table td.Suzerain {
background-color: #8f8fe1;
}
table.matrix-table td.x {
.matrix-table > table td.x {
background-color: #d4ca94;
cursor: initial;
}
#sizeOutput {
@ -1310,19 +1319,23 @@ div.slider .ui-slider-handle {
}
#alertMessage::-webkit-scrollbar,
.table::-webkit-scrollbar {
.table::-webkit-scrollbar,
.matrix-table::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: transparent;
}
#alertMessage::-webkit-scrollbar-thumb,
.table::-webkit-scrollbar-thumb {
.table::-webkit-scrollbar-thumb,
.matrix-table::-webkit-scrollbar-thumb {
background-color: #aaa;
border-radius: 6px;
}
#alertMessage::-webkit-scrollbar-thumb:hover,
.table::-webkit-scrollbar-thumb:hover {
.table::-webkit-scrollbar-thumb:hover,
.matrix-table::-webkit-scrollbar-thumb:hover {
background: #666;
}
@ -1504,15 +1517,14 @@ div.states > .riverType {
width: 5em;
}
div.states > .coaIcon {
.coaIcon {
stroke-width: 3;
width: 1.4em;
height: 1.4em;
margin: -0.3em 0;
cursor: pointer;
}
div.states > .coaIcon > use {
.coaIcon > use {
pointer-events: none;
}