Sancaros/phantasmal-world
1
0
Fork 0
mirror of https://github.com/DaanVandenBosch/phantasmal-world.git synced 2025-04-05 15:28:29 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Tweaked TabContainer and ToolBar.

Browse Source
This commit is contained in:
Daan Vanden Bosch 2019-08-21 18:17:00 +02:00
parent 72506461ab
commit c4865ee510
3 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/core/gui/TabContainer.css
View File

@ -2,14 +2,17 @@
box-sizing: border-box; box-sizing: border-box;
background-color: hsl(0, 0%, 16%); background-color: hsl(0, 0%, 16%);
padding: 3px 0 0 0; padding: 3px 0 0 0;
border-bottom: solid 1px var(--border-color);
} }
.core_TabContainer_Tab { .core_TabContainer_Tab {
box-sizing: border-box;
display: inline-block; display: inline-block;
height: 100%; height: calc(100% + 1px);
line-height: 25px; line-height: 22px;
padding: 0 10px; padding: 0 10px;
margin: 0 1px; border: solid 1px var(--border-color);
margin: 0 1px -1px 1px;
color: #c0c0c0; color: #c0c0c0;
font-size: 15px; font-size: 15px;
} }
@ -22,4 +25,5 @@
.core_TabContainer_Tab.active { .core_TabContainer_Tab.active {
background-color: var(--bg-color); background-color: var(--bg-color);
color: hsl(0, 0%, 90%); color: hsl(0, 0%, 90%);
border-bottom-color: var(--bg-color);
} }

1
src/core/gui/ToolBar.css
View File

@ -3,7 +3,6 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
padding-top: 1px;
border-bottom: solid var(--border-color) 1px; border-bottom: solid var(--border-color) 1px;
} }

2
src/core/gui/ToolBar.ts
View File

@ -5,7 +5,7 @@ import { LabelledControl } from "./LabelledControl";
export class ToolBar extends View { export class ToolBar extends View {
readonly element = create_el("div", "core_ToolBar"); readonly element = create_el("div", "core_ToolBar");
readonly height = 34; readonly height = 35;
constructor(...children: View[]) { constructor(...children: View[]) {
super(); super();