From c743cba13be332fd6564e9f1312946c33b4d11b8 Mon Sep 17 00:00:00 2001 From: Daan Vanden Bosch Date: Sat, 31 Aug 2019 21:37:55 +0200 Subject: [PATCH] Made golden layout tabs height the same as regular tabs height. Correctly centered text in both. --- src/core/gui/TabContainer.css | 4 ++-- src/core/gui/golden_layout_theme.css | 5 +++-- src/quest_editor/gui/QuestEditorView.ts | 2 +- 3 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/core/gui/TabContainer.css b/src/core/gui/TabContainer.css index 9b258da1..84775273 100644 --- a/src/core/gui/TabContainer.css +++ b/src/core/gui/TabContainer.css @@ -6,9 +6,9 @@ .core_TabContainer_Tab { box-sizing: border-box; - display: inline-block; + display: inline-flex; + align-items: center; height: calc(100% + 1px); - line-height: 22px; padding: 0 10px; border: solid 1px var(--border-color); margin: 0 1px -1px 1px; diff --git a/src/core/gui/golden_layout_theme.css b/src/core/gui/golden_layout_theme.css index 5f1c6a9b..c7e126ea 100644 --- a/src/core/gui/golden_layout_theme.css +++ b/src/core/gui/golden_layout_theme.css @@ -10,8 +10,9 @@ #root .lm_tab { cursor: default; - height: 21px; - line-height: 22px; + display: inline-flex; + align-items: center; + height: 23px; padding: 0 10px; border: solid 1px var(--border-color); margin: 0 1px -1px 1px; diff --git a/src/quest_editor/gui/QuestEditorView.ts b/src/quest_editor/gui/QuestEditorView.ts index 496dc251..e6628bdc 100644 --- a/src/quest_editor/gui/QuestEditorView.ts +++ b/src/quest_editor/gui/QuestEditorView.ts @@ -32,7 +32,7 @@ const DEFAULT_LAYOUT_CONFIG = { showMaximiseIcon: false, }, dimensions: { - headerHeight: 22, + headerHeight: 24, }, labels: { close: "Close",