I am trying to get .pane-menu-tree working on Radix Starter and Sizzle based sub-themes/themes of Radix

basically I want the table display for sub-menu's on panels and not the tree list with bullet points

menu yuk

vs menu nice

I think what it comes down to is that my environment is different to the developing environment for Sizzle and Chef and so that when I compile the SASS with my version I am not getting the same CSS from _menu.scss

the weird thing is, that I am running an older version of Ruby and a newer version of Compass Radix

my environment, the same file compiles differently /sites/all/themes/sizzle/assets/stylesheets/screen.css
gems/1.8
compass_radix-0.0.12

from the screen.css downloaded from http://drupalcode.org/project/sizzle.git/blob/HEAD:/assets/stylesheets/s...
compass_radix-0.0.7
ruby-1.9.3-p194
ruby-1.9.3-p194/gems/compass_radix-0.0.7/stylesheets/compass_radix/_menu.scss

my environment, based on standard Radix Handbook instructions http://drupal.org/node/1896382

the CSS downloaded from git.drupal.org for /sizzle/assets/stylesheets/screen.css

/* line 124, ../../../../../../../../../../usr/local/.rvm/gems/ruby-1.9.3-p194/gems/compass_radix-0.0.7/stylesheets/compass_radix/_menu.scss */
.pane-menu-tree {
  padding: 0;c
  background-color: #fff;
  margin: 0 0 30px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); }
  /* line 130, ../../../../../../../../../../usr/local/.rvm/gems/ruby-1.9.3-p194/gems/compass_radix-0.0.7/stylesheets/compass_radix/_menu.scss */
  .pane-menu-tree .pane-title {
    padding: 8px 14px;
    margin: 0 0 -1px;
    border: 1px solid #e5e5e5; }
  /* line 136, ../../../../../../../../../../usr/local/.rvm/gems/ruby-1.9.3-p194/gems/compass_radix-0.0.7/stylesheets/compass_radix/_menu.scss */
  .pane-menu-tree .pane-content ul.menu {
    margin: 0;
    padding: 0; }
    /* line 139, ../../../../../../../../../../usr/local/.rvm/gems/ruby-1.9.3-p194/gems/compass_radix-0.0.7/stylesheets/compass_radix/_menu.scss */
    .pane-menu-tree .pane-content ul.menu li {
      list-style: none outside none;
      margin: 0;
      padding: 0; }
      /* line 143, ../../../../../../../../../../usr/local/.rvm/gems/ruby-1.9.3-p194/gems/compass_radix-0.0.7/stylesheets/compass_radix/_menu.scss */
      .pane-menu-tree .pane-content ul.menu li a {
        display: block;
        margin: 0 0 -1px;
        padding: 8px 14px;
        border: 1px solid #e5e5e5; }
        /* line 148, ../../../../../../../../../../usr/local/.rvm/gems/ruby-1.9.3-p194/gems/compass_radix-0.0.7/stylesheets/compass_radix/_menu.scss */
        .pane-menu-tree .pane-content ul.menu li a:hover {
          background-color: #f5f5f5;
          text-decoration: none; }
      /* line 154, ../../../../../../../../../../usr/local/.rvm/gems/ruby-1.9.3-p194/gems/compass_radix-0.0.7/stylesheets/compass_radix/_menu.scss */
      .pane-menu-tree .pane-content ul.menu li.active-trail > a {
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
        background-color: #0088cc; }
      /* line 159, ../../../../../../../../../../usr/local/.rvm/gems/ruby-1.9.3-p194/gems/compass_radix-0.0.7/stylesheets/compass_radix/_menu.scss */
      .pane-menu-tree .pane-content ul.menu li.active-trail > ul.menu {
        display: block; }
        /* line 162, ../../../../../../../../../../usr/local/.rvm/gems/ruby-1.9.3-p194/gems/compass_radix-0.0.7/stylesheets/compass_radix/_menu.scss */
        .pane-menu-tree .pane-content ul.menu li.active-trail > ul.menu li a {
          padding-left: 30px; }
        /* line 166, ../../../../../../../../../../usr/local/.rvm/gems/ruby-1.9.3-p194/gems/compass_radix-0.0.7/stylesheets/compass_radix/_menu.scss */
        .pane-menu-tree .pane-content ul.menu li.active-trail > ul.menu li.active-trail > a {
          background-color: #F5F5F5;
          color: #0088CC;
          text-shadow: none; }
    /* line 176, ../../../../../../../../../../usr/local/.rvm/gems/ruby-1.9.3-p194/gems/compass_radix-0.0.7/stylesheets/compass_radix/_menu.scss */
    .pane-menu-tree .pane-content ul.menu ul.menu {
      display: none; }

and in my environment, the same file compiles differently /sites/all/themes/sizzle/assets/stylesheets/screen.css
gems/1.8
compass_radix-0.0.12

/* line 125, ../../../../../../../../../../var/lib/gems/1.8/gems/compass_radix-0.0.12/stylesheets/compass_radix/_menu.scss */
.navbar-inverse {
  color: #999999; }
  /* line 130, ../../../../../../../../../../var/lib/gems/1.8/gems/compass_radix-0.0.12/stylesheets/compass_radix/_menu.scss */
  .navbar-inverse #main-menu > ul.menu > li > a {
    color: #999999;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-align: center; }
    /* line 134, ../../../../../../../../../../var/lib/gems/1.8/gems/compass_radix-0.0.12/stylesheets/compass_radix/_menu.scss */
    .navbar-inverse #main-menu > ul.menu > li > a:hover {
      color: white;
      background-color: transparent; }
    /* line 138, ../../../../../../../../../../var/lib/gems/1.8/gems/compass_radix-0.0.12/stylesheets/compass_radix/_menu.scss */
    .navbar-inverse #main-menu > ul.menu > li > a.active {
      color: white;
      background-color: #111111; }
  /* line 144, ../../../../../../../../../../var/lib/gems/1.8/gems/compass_radix-0.0.12/stylesheets/compass_radix/_menu.scss */
  .navbar-inverse #main-menu > ul.menu > li.open > a {
    background-color: #111111;
    color: white; }

/* line 156, ../../../../../../../../../../var/lib/gems/1.8/gems/compass_radix-0.0.12/stylesheets/compass_radix/_menu.scss */
.navbar-fixed-top {
  margin-top: 0 !important; }
  /* line 158, ../../../../../../../../../../var/lib/gems/1.8/gems/compass_radix-0.0.12/stylesheets/compass_radix/_menu.scss */
  .navbar-fixed-top .container {
    width: 940px; }

/* line 165, ../../../../../../../../../../var/lib/gems/1.8/gems/compass_radix-0.0.12/stylesheets/compass_radix/_menu.scss */
#footer-menu {
  background-color: #eeeeee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 20px;
  padding: 20px; }
  /* line 170, ../../../../../../../../../../var/lib/gems/1.8/gems/compass_radix-0.0.12/stylesheets/compass_radix/_menu.scss */
  #footer-menu > ul.menu {
    margin: 0;
    padding: 0;
    overflow: hidden;
    *zoom: 1; }
    /* line 174, ../../../../../../../../../../var/lib/gems/1.8/gems/compass_radix-0.0.12/stylesheets/compass_radix/_menu.scss */
    #footer-menu > ul.menu > li {
      float: left;
      list-style: none outside none;
      margin: 0 0 20px;
      padding: 0;
      width: 20%; }
      /* line 181, ../../../../../../../../../../var/lib/gems/1.8/gems/compass_radix-0.0.12/stylesheets/compass_radix/_menu.scss */
      #footer-menu > ul.menu > li > a,
      #footer-menu > ul.menu > li > span {
        font-size: 1.0em;
        font-weight: 700;
        text-transform: uppercase; }
      /* line 186, ../../../../../../../../../../var/lib/gems/1.8/gems/compass_radix-0.0.12/stylesheets/compass_radix/_menu.scss */
      #footer-menu > ul.menu > li > ul.menu {
        margin: 0;
        padding: 0; }
        /* line 189, ../../../../../../../../../../var/lib/gems/1.8/gems/compass_radix-0.0.12/stylesheets/compass_radix/_menu.scss */
        #footer-menu > ul.menu > li > ul.menu > li {
          list-style: none outside none;
          margin: 0 5px 0 0; }
          /* line 193, ../../../../../../../../../../var/lib/gems/1.8/gems/compass_radix-0.0.12/stylesheets/compass_radix/_menu.scss */
          #footer-menu > ul.menu > li > ul.menu > li > a,
          #footer-menu > ul.menu > li > ul.menu > li > span {
            font-size: 0.90em; }
CommentFileSizeAuthor
#1 Selection_004.png14.96 KBniccolox
#1 Selection_003.png16.53 KBniccolox

Comments

niccolox’s picture

StatusFileSize
new16.53 KB
new14.96 KB
niccolox’s picture

Issue summary: View changes

screen samples

niccolox’s picture

Issue summary: View changes

fix img

niccolox’s picture

so, I guess I need to work-out how to sync my Rubygem version UP and my Compass Radix version DOWN?

or, is it something else I have missed... ?

niccolox’s picture

04:24:07 {master *%} sizzle_cerulean$ ruby -v
ruby 1.8.7 (2011-06-30 patchlevel 352) [x86_64-linux]
04:24:22 {master *%} sizzle_cerulean$ gem list

*** LOCAL GEMS ***

chunky_png (1.2.7)
compass (0.12.2)
compass_radix (0.0.12)
compass_twitter_bootstrap (2.2.2.2)
fssm (0.2.10)
sass (3.2.5)
niccolox’s picture

ok, I fixed it by upgrading to same Ruby version 1.9.3 and downgrading compass_radix to 0.0.7

is there a regression in compass_radix after 0.0.7 ?

05:06:13 {master *%} sizzle_cerulean$ rvm use --default 1.9.3 
Using /home/drupalpro/.rvm/gems/ruby-1.9.3-p385
05:06:40 {master *%} sizzle_cerulean$ gem list
05:06:40 {master *%} sizzle_cerulean$ gem list

*** LOCAL GEMS ***

rvm (1.11.3.6)
05:06:44 {master *%} sizzle_cerulean$ gem install compass_radix -v 0.0.7
Fetching: sass-3.2.5.gem (100%)
Fetching: chunky_png-1.2.7.gem (100%)
Fetching: fssm-0.2.10.gem (100%)
Fetching: compass-0.12.2.gem (100%)
Fetching: compass_twitter_bootstrap-2.2.2.2.gem (100%)
Fetching: compass_radix-0.0.7.gem (100%)
Successfully installed sass-3.2.5
Successfully installed chunky_png-1.2.7
Successfully installed fssm-0.2.10
Successfully installed compass-0.12.2
Successfully installed compass_twitter_bootstrap-2.2.2.2
Successfully installed compass_radix-0.0.7
6 gems installed
Installing ri documentation for sass-3.2.5...
Installing ri documentation for chunky_png-1.2.7...
Installing ri documentation for fssm-0.2.10...
Installing ri documentation for compass-0.12.2...
Installing ri documentation for compass_twitter_bootstrap-2.2.2.2...
Successfully installed fssm-0.2.10
Successfully installed compass-0.12.2
Successfully installed compass_twitter_bootstrap-2.2.2.2
Successfully installed compass_radix-0.0.7
6 gems installed
Installing ri documentation for sass-3.2.5...
Installing ri documentation for chunky_png-1.2.7...
Installing ri documentation for fssm-0.2.10...
Installing ri documentation for compass-0.12.2...
Installing ri documentation for compass_twitter_bootstrap-2.2.2.2...
Installing ri documentation for compass_radix-0.0.7...
Installing RDoc documentation for sass-3.2.5...
Installing RDoc documentation for chunky_png-1.2.7...
Installing RDoc documentation for fssm-0.2.10...
Installing RDoc documentation for compass-0.12.2...
Installing RDoc documentation for compass_twitter_bootstrap-2.2.2.2...
Installing RDoc documentation for compass_radix-0.0.7...
05:07:38 {master *%} sizzle_cerulean$ gem list                                                                  

*** LOCAL GEMS ***

chunky_png (1.2.7)
compass (0.12.2)
compass_radix (0.0.7)
compass_twitter_bootstrap (2.2.2.2)
fssm (0.2.10)
rvm (1.11.3.6)
sass (3.2.5)
05:07:45 {master *%} sizzle_cerulean$ compass clean && compass watch
   remove .sass-cache/ 
   remove assets/stylesheets/ie8.css 
   remove assets/stylesheets/screen.css 
   remove assets/stylesheets/print.css 
   remove assets/stylesheets/ie7.css 
>>> Change detected at 17:07:58 to: ie8.scss
   create assets/stylesheets/ie8.css 
   create assets/stylesheets/screen.css 
   create assets/stylesheets/print.css 
   create assets/stylesheets/ie7.css 
>>> Compass is polling for changes. Press Ctrl-C to Stop.
shadcn’s picture

Actually, I removed pane-menu-tree support from radix and planning to have it as Ctools styles plugins. Let me know what you think.

PS: @rerooting has sandbox here that might be interesting (and in the direction i was hoping for) : http://drupal.org/sandbox/rerooting/1890090

niccolox’s picture

umm. generally I am trying not to develop exlusively for panels/panopoly .. I actually would prefer it built-in to compass_radix

shadcn’s picture

Status: Active » Fixed

This is now fixed in the latest dev. Thanks

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Anonymous’s picture

Issue summary: View changes

mess