aboutsummaryrefslogtreecommitdiffstats
path: root/server/sonar-web/src/main/js/app/theme.js
diff options
context:
space:
mode:
Diffstat (limited to 'server/sonar-web/src/main/js/app/theme.js')
-rw-r--r--server/sonar-web/src/main/js/app/theme.js20
1 files changed, 13 insertions, 7 deletions
diff --git a/server/sonar-web/src/main/js/app/theme.js b/server/sonar-web/src/main/js/app/theme.js
index 6e3f0fc5c51..743dae7e7a9 100644
--- a/server/sonar-web/src/main/js/app/theme.js
+++ b/server/sonar-web/src/main/js/app/theme.js
@@ -20,6 +20,8 @@
// IMPORTANT: any change in this file requires restart of the dev server
+const grid = 8;
+
module.exports = {
// colors
blue: '#4b9fd5',
@@ -48,19 +50,23 @@ module.exports = {
leakBorderColor: '#eae3c7',
// sizes
+ gridSize: `${grid}px`,
+
baseFontSize: '13px',
smallFontSize: '12px',
mediumFontSize: '14px',
bigFontSize: '16px',
- controlHeight: '24px',
- smallControlHeight: '20px',
- tinyControlHeight: '16px',
+ controlHeight: `${3 * grid}px`,
+ smallControlHeight: `${2.5 * grid}px`,
+ tinyControlHeight: `${2 * grid}px`,
+
+ globalNavHeight: `${6 * grid}px`,
+ globalNavHeightRaw: 6 * grid,
+ globalNavContentHeight: `${4 * grid}px`,
+ globalNavContentHeightRaw: 4 * grid,
- globalNavHeight: '48px',
- globalNavHeightRaw: 48,
- globalNavContentHeight: '32px',
- globalNavContentHeightRaw: 32,
+ contextNavHeightRaw: 9 * grid,
// different
defaultShadow: '0 6px 12px rgba(0, 0, 0, 0.175)',