Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-4001

new feature title on collapse borderlayout region missing style in some themes

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Normal
    • Resolution: Fixed
    • Affects Version/s: 8.5.2
    • Fix Version/s: 8.6.0, 8.5.2.1
    • Component/s: Theme
    • Security Level: Jimmy
    • Labels:
    • gh.sprint.customfield.default.name:
      ZK 8.6.0 S1

      Description

      Steps to Reproduce

      Run the following on ZK 8.5.2 FL with sapphire theme:

      <zk>
      	<borderlayout>
      		<west title="West" size="25%" flex="true" maxsize="250" collapsible="true">
      			west
      		</west>
      		<center border="none" flex="true">
      			center
      		</center>
      	</borderlayout>
      </zk>
      

      Collapse the west border region.

      Current Result

      The title appear in the collapse region without styling.
      Missing style include:

      • Font
      • Size
      • Rotation (the text appear horizontal, but should appear vertical). Iceblue theme uses rotation 90deg in this case.

      On new themes (iceblue, marigold, etc.) the title is rotated on collapsed panel, but it doesn't have any font styling, which makes the title look "unfinished".

      Expected Result

      All themes should include styling for this feature.

      Debug Info

      Happen on:
      breeze
      sapphire
      silvertail
      atlantic

      Root Cause

      Workaround

        Issue Links

          Activity

          Hide
          Anonymous added a comment -

          Fixed since 2018/07/24

          Show
          Anonymous added a comment - Fixed since 2018/07/24
          Hide
          MDuchemin MDuchemin added a comment - - edited

          Using old themes (breeze / sapphire), the title is now in the right direction but it is also slightly overlapping with the arrow.
          Might need a little margin / padding to push it down

          .z-west-title, .z-east-title {
              padding-left: 10px;
          }
          
          Show
          MDuchemin MDuchemin added a comment - - edited Using old themes (breeze / sapphire), the title is now in the right direction but it is also slightly overlapping with the arrow. Might need a little margin / padding to push it down .z-west-title, .z-east-title { padding-left: 10px; }
          Hide
          MDuchemin MDuchemin added a comment -

          overlapping title with open / close arrow on classic themes (breeze / sapphire / ect.)

          Show
          MDuchemin MDuchemin added a comment - overlapping title with open / close arrow on classic themes (breeze / sapphire / ect.)
          Hide
          Anonymous added a comment -

          Fixed since 2018/08/23

          Show
          Anonymous added a comment - Fixed since 2018/08/23

            People

            • Assignee:
              CharlesQiu CharlesQiu
              Reporter:
              MDuchemin MDuchemin
            • Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Time Tracking

                Estimated:
                Original Estimate - 2 hours Original Estimate - 2 hours
                2h
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 2 hours, 30 minutes
                2h 30m

                  Agile