Page 2 of 3
Re: Colors on table headers removed in version 2?
Posted: 26 May 2017, 10:12
by bjorntj
Ok, never mind. Forgot the need to compile to css.. But I get the following error when compiling:
Code: Select all
error src/main/webapp/resources/sass/layout/_main.scss (Line 22: Undefined variable: "$topbarLeftBgColor".)
Is this a known problem or?
Re: Colors on table headers removed in version 2?
Posted: 26 May 2017, 14:22
by mert.sincan
Thanks a lot for the update!
error src/main/webapp/resources/sass/layout/_main.scss (Line 22: Undefined variable: "$topbarLeftBgColor".)
I couldn't replicate it. Could you please check $topbarLeftBgColor variable in _variables.scss file?
Re: Colors on table headers removed in version 2?
Posted: 29 May 2017, 14:16
by bjorntj
I see the line in _main.scss looks like this:
@include background-gradient-left2right($topbarLeftBgColor, $topbarRightBgColor);
And in the _variables.scss file, I have no variables that starts with topbar?
BTJ
Re: Colors on table headers removed in version 2?
Posted: 29 May 2017, 15:33
by mert.sincan
Could you please check it in the new _variables.scss file of version 2?
Re: Colors on table headers removed in version 2?
Posted: 29 May 2017, 21:13
by bjorntj
That's what I did.. This is the content of that file:
Code: Select all
/* Common */
/******************************/
$fontFamily: "Lato","Helvetica Neue",sans-serif;
$fontSize:13px;
$textColor:#2d353c;
$textSecondaryColor:lighten($textColor,25%);
$borderRadius:2px;
$dividerColor:#dce2e7;
/******************************/
/* Layout */
/******************************/
$bodyBgColor:#eaeff2;
$footerBgColor:#dee0e3;
$appNameTextColor:#ffffff;
$searchInputBgColor:#f5f8f9;
$searchInputBorderColor:#f5f8f9;
$searchInputFocusBorderColor:#a8b4be;
$menuItemActiveTextColor:#ffffff;
$cardBgColor:#f7f9fa;
/******************************/
/* THEME */
/******************************/
/* Icons */
$iconFontSize:13px;
$iconWidth:16px;
/* Headers */
$headerPadding:6px 12px;
$headerBgColor:#f5f8f9;
$headerTextColor:#2d353c;
$headerHoverBgColor:#dcdfe0;
$headerBorderColor:#dce2e7;
$headerIconColor:lighten($textColor,25%);
$headerIconHoverColor:#2d353c;
/* Contents */
$contentPadding:6px 12px;
$contentBorderColor:#dce2e7;
$contentBgColor:#f5f8f9;
/* Forms */
$inputBgColor:#ffffff;
$inputPadding:4px;
$inputBorderColor:#dce2e7;
$inputHoverBorderColor:#a8b4be;
$inputInvalidBorderColor:#e13131;
/* Buttons */
$toggleButtonBgColor:#c6cbcf;
/* List Items */
$listItemPadding:6px 12px;
$listItemHoverBgColor:#dce2e7;
$listItemHoverTextColor:#525262;
/* Messages */
$infoMessageBgColor:#e0f6b1;
$infoMessageTextColor:#7fb30f;
$warnMessageBgColor:#fff1ae;
$warnMessageTextColor:#f7b000;
$errorMessageBgColor:#f0d1d0;
$errorMessageTextColor:#e96d66;
$fatalMessageBgColor:#afafc0;
$fatalMessageTextColor:#3b3b48;
/* Data */
$paginatorBgColor:#ffffff;
$paginatorHoverBgColor:#dce2e7;
$datableOddRowBgColor:#ffffff;
$datatableHoverBgColor:#dce2e7;
/* Menu */
$menuHeaderBgColor:#dcdfe0;
$menuHeaderHoverBgColor:#c4c6c7;
/* Predefined Colors */
$blue:#3ebaf8;
$orange:#f7cb00;
$purple:#985edb;
$pink:#f18983;
$green:#9fd037;
$black:#525262;
Re: Colors on table headers removed in version 2?
Posted: 30 May 2017, 07:07
by mert.sincan
Thanks for the update! Could you please check $topbarLeftBgColor variable in layout-{Your Color Name}.scss?
Exp;
layout-green.scss
Code: Select all
$topbarLeftBgColor:#1e8455; /* Please check this line*/
$topbarRightBgColor:#1e8455;
$menuBgColor:#32b67a;
$menuItemTextColor:#eff7f2;
$menuItemHoverBgColor:#49d291;
$menuItemHoverTextColor:#ffffff;
$menuButtonBgColor:#49d291;
$menuButtonHoverBgColor:#d26149;
$menuButtonActiveBgColor:#d26149;
$topbarMenuItemBadgeBgColor:#d26149;
$topbarMenuItemBadgeTextColor:#ffffff;
@import '../../sass/layout/_layout';
Re: Colors on table headers removed in version 2?
Posted: 30 May 2017, 09:16
by bjorntj
Aaah, sorry..
Yes, I have that variable in that file..
Edit: but when I compile, how does sass knows which file it should use?
Re: Colors on table headers removed in version 2?
Posted: 04 Jun 2017, 04:58
by mert.sincan
but when I compile, how does sass knows which file it should use?
- When you add your layout color into template.xhtml;
<h:outputStylesheet name="css/layout-#{your_color}.css" library="verona-layout" />
Please see the following @import in your layout color file;
@import '../../sass/layout/_layout';
The following code inserts the CSS styles (in the _layout.scss) into layout-{your_color}.css
Re: Colors on table headers removed in version 2?
Posted: 05 Jun 2017, 13:39
by bjorntj
Ok, but template file is not used when I compile or am I missing something? (since I am pointing sass to the resource folder beneath that template file, following your documentation: sass -w src/main/webapp/resources/ --sourcemap=none)
Re: Colors on table headers removed in version 2?
Posted: 13 Jun 2017, 10:07
by mert.sincan
Interesting, I still couldn't replicate this issue.