Colors on table headers removed in version 2?

User avatar
bjorntj
Posts: 214
Joined: 30 Jul 2010, 10:46

26 May 2017, 10:12

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?
PrimeFaces 6.1 | Jetty 9.4.6 | Mojarra 2.2.14
Arch Linux, Firefox and Chromium

User avatar
aragorn
Posts: 2926
Joined: 29 Jun 2013, 12:38

26 May 2017, 14:22

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?

User avatar
bjorntj
Posts: 214
Joined: 30 Jul 2010, 10:46

29 May 2017, 14:16

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
PrimeFaces 6.1 | Jetty 9.4.6 | Mojarra 2.2.14
Arch Linux, Firefox and Chromium

User avatar
aragorn
Posts: 2926
Joined: 29 Jun 2013, 12:38

29 May 2017, 15:33

Could you please check it in the new _variables.scss file of version 2?

User avatar
bjorntj
Posts: 214
Joined: 30 Jul 2010, 10:46

29 May 2017, 21:13

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;
PrimeFaces 6.1 | Jetty 9.4.6 | Mojarra 2.2.14
Arch Linux, Firefox and Chromium

User avatar
aragorn
Posts: 2926
Joined: 29 Jun 2013, 12:38

30 May 2017, 07:07

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';

User avatar
bjorntj
Posts: 214
Joined: 30 Jul 2010, 10:46

30 May 2017, 09:16

Aaah, sorry..

Yes, I have that variable in that file..

Edit: but when I compile, how does sass knows which file it should use?
PrimeFaces 6.1 | Jetty 9.4.6 | Mojarra 2.2.14
Arch Linux, Firefox and Chromium

User avatar
aragorn
Posts: 2926
Joined: 29 Jun 2013, 12:38

04 Jun 2017, 04:58

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

User avatar
bjorntj
Posts: 214
Joined: 30 Jul 2010, 10:46

05 Jun 2017, 13:39

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)
PrimeFaces 6.1 | Jetty 9.4.6 | Mojarra 2.2.14
Arch Linux, Firefox and Chromium

User avatar
aragorn
Posts: 2926
Joined: 29 Jun 2013, 12:38

13 Jun 2017, 10:07

Interesting, I still couldn't replicate this issue.

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest