Results 1 to 3 of 3

Thread: SCSS - Core / list / TreeItem CSS issue

    You found a bug! We've classified it as SDKTOOLS-1590 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Jan 2016
    Location
    Brazil
    Posts
    138

    Default SCSS - Core / list / TreeItem CSS issue

    Hello!

    This is for ExtJS classic 6.2.1 (has been around for previous versions as well).

    In the SCSS file below we got an ampersand operator which seems to be misplaced:

    http://docs.sencha.com/extjs/6.2.1/c...1.html#line344

    The output of theme-classic-all-debug_1.css for example, gets this line:

    Code:
    &.x-treelist-highlight-path .x-treelist-item-over > * > * > .x-treelist-item-text {
    (line is 414 on my build of ExtJS 6.2.1). Isn't this parent selector operator (SCSS & -- ampersand) misplaced in that context?

    I could get to the source file thru docs by the following path:
    Ext.list.TreeItem > theme mixins > treelist-ui-body (private).

    This issue does not really seem to break anything, but most likely the .x-treelist-highlight-path CSS class is not kicking in when it is used -- and probably on all themes.

    It seems a too straightforward problem that was reported here and I don't really see where it breaks (didn't get down to make an example that actually tried to use that CSS class, as it is private), and it seems it just adds some CSS animation for tree items in lists.

    But this may break very strict CSS interpreters of some sort. I believe just removing the ampersand there could address the potential issue!
    Object.NET
    Frameworks and Tools for .NET Developers
    --------------------------------------------------
    Ext.NET - Ext JS for ASP.NET - Examples | Twitter
    Bridge.NET - Write C#. Run JavaScript! - Live | Twitter
    --------------------------------------------------

  2. #2
    Sencha Premium User evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    19,254

    Default

    Can you please clarify your version of Ext/Cmd and also your operating system?
    Twitter - @evantrimboli
    Former Sencha framework engineer, available for consulting.
    As of 2017-09-22 I am not employed by Sencha, all subsequent posts are my own and do not represent Sencha in any way.

  3. #3
    Sencha User
    Join Date
    Jan 2016
    Location
    Brazil
    Posts
    138

    Default

    Well, I don't run sencha CMD to get these

    Sencha CMD version I used here is SenchaCmd-6.2.0-windows-64bit (so, windows 64-bit, on windows 8.1 here). But I see this on the file packed with ExtJS commercial package (which I don't run sencha CMD on it, it already has the file inside the zip file).

    For instance (from cygwin) I can get the file with the ampersands as shown above with:
    Code:
    unzip -p ext-6.2.1.zip ext-6.2.1/build/classic/theme-classic/resources/theme-classic-all-debug_1.css | less
    Lines 414, 419, 424, so it should be straightforward for you to reproduce the file on your side with latest version of Sencha CMD and ExtJS.

    Aside of extjs 6.2.1, I found the same on the 6.2.0 commercial package zip.

    On 6.0.2 package, I got the occurrences on lines 406, 411 and 416.
    6.0.1 commercial, 404, 409, 414.

    The difference is just that there are new CSS rules on the file as the versions progresses.

    EDIT: I believe that's not a SDK/CMD bug, but the line with artifact/typo on the .scss algorithm.
    Object.NET
    Frameworks and Tools for .NET Developers
    --------------------------------------------------
    Ext.NET - Ext JS for ASP.NET - Examples | Twitter
    Bridge.NET - Write C#. Run JavaScript! - Live | Twitter
    --------------------------------------------------

Similar Threads

  1. Replies: 1
    Last Post: 10 Nov 2015, 7:46 PM
  2. [OPEN] 6.0.1 Issue in theme neutral Scss mixin extjs-tab-ui
    By raphael.franchet in forum Ext JS 6.x Bugs
    Replies: 1
    Last Post: 16 Oct 2015, 11:18 AM
  3. Replies: 10
    Last Post: 2 Jan 2013, 9:38 AM
  4. Replies: 1
    Last Post: 15 Oct 2012, 7:15 AM
  5. List SCSS: how to override styles without editing Sencha defaults
    By mbritton in forum Sencha Touch 2.x: Q&A
    Replies: 1
    Last Post: 28 Feb 2012, 2:56 PM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •