Sancaros/phantasmal-world
1
0
Fork 0
mirror of https://github.com/DaanVandenBosch/phantasmal-world.git synced 2025-04-04 22:58: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;
background-color: hsl(0, 0%, 16%);
padding: 3px 0 0 0;
border-bottom: solid 1px var(--border-color);
}
.core_TabContainer_Tab {
box-sizing: border-box;
display: inline-block;
height: 100%;
line-height: 25px;
height: calc(100% + 1px);
line-height: 22px;
padding: 0 10px;
margin: 0 1px;
border: solid 1px var(--border-color);
margin: 0 1px -1px 1px;
color: #c0c0c0;
font-size: 15px;
}
@ -22,4 +25,5 @@
.core_TabContainer_Tab.active {
background-color: var(--bg-color);
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;
flex-direction: row;
align-items: center;
padding-top: 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 {
readonly element = create_el("div", "core_ToolBar");
readonly height = 34;
readonly height = 35;
constructor(...children: View[]) {
super();