From 89e18193994a6111afece5a467c387a64f0ae1b6 Mon Sep 17 00:00:00 2001 From: Sam El-Husseini <16690124+samelhusseini@users.noreply.github.com> Date: Tue, 27 Mar 2018 16:30:43 -0700 Subject: [PATCH] Applying home screen UI changes (#378) --- theme/site/collections/menu.overrides | 2 +- theme/site/globals/site.variables | 4 ++-- theme/style.less | 1 + theme/target-home.less | 13 +++++++++++++ 4 files changed, 17 insertions(+), 3 deletions(-) create mode 100644 theme/target-home.less diff --git a/theme/site/collections/menu.overrides b/theme/site/collections/menu.overrides index 778b034f..26e76b6e 100644 --- a/theme/site/collections/menu.overrides +++ b/theme/site/collections/menu.overrides @@ -7,7 +7,7 @@ text-transform: uppercase; } -#mainmenu { +#mainmenu, #homemenu { background: @legoGreyLight; border-bottom: 5px solid #00a5c8; } \ No newline at end of file diff --git a/theme/site/globals/site.variables b/theme/site/globals/site.variables index b1cf1a11..55c4ea6c 100644 --- a/theme/site/globals/site.variables +++ b/theme/site/globals/site.variables @@ -27,7 +27,7 @@ @orange: #fa7f2a; @green: @brightYellowishGreen; -@legoGreyLight: #F4F1F4; +@legoGreyLight: #F2F2F2; @legoGreyDark: #f4f7f9; @grey: @legoGreyLight; @@ -131,7 +131,7 @@ @editorToolsBackground: @legoGreyLight; /* #fff;*/ /* #fcfbfa; */ @blocklySvgColor: #f9f9f9; /*#f2f6f8;*/ /*ecf6fe;*/ -@homeScreenBackground: #EAEEEF; +@homeScreenBackground: #F2F2F2; /*------------------- Full screen diff --git a/theme/style.less b/theme/style.less index 2576ee54..1030f2d9 100644 --- a/theme/style.less +++ b/theme/style.less @@ -7,6 +7,7 @@ @import 'themes/default/collections/menu.variables'; @import 'fieldeditors'; +@import 'target-home'; /* Reference import */ @import (reference) "semantic.less"; diff --git a/theme/target-home.less b/theme/target-home.less new file mode 100644 index 00000000..1d1e7ba6 --- /dev/null +++ b/theme/target-home.less @@ -0,0 +1,13 @@ + +@import (reference) "home.less"; + +#homemenu { + + .left.menu { + margin-left: @carouselArrowSize; + } + + .right.menu { + margin-right: @carouselArrowSize; + } +} \ No newline at end of file