[MGNLUI-3733] Style for title and button in small app make horizontal scroller of layout appear Created: 30/Dec/15  Updated: 26/Mar/19  Resolved: 26/Mar/19

Status: Closed
Project: Magnolia UI
Component/s: None
Affects Version/s: 5.4.3
Fix Version/s: None

Type: Bug Priority: Neutral
Reporter: Sang Ngo Huu Assignee: Unassigned
Resolution: Obsolete Votes: 0
Labels: styles, ui
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File Button-style.png     PNG File Title-style.png     PNG File Windows8_IE11.png    
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled
Date of First Response:

 Description   

Style in VAADIN/themes/admincentraltheme/smallapp.scss will make the layout of small app have vertical scroller. Please see attached screenshots for more details.

.section-title {
      margin-top: 12px;
      margin-left: 152px;
    }

And:

@mixin smallappactions {

  .v-csslayout-smallapp-actions {
    position: relative;
    left: 152px;
  }

  .v-button-smallapp {
    min-width: 120px;
    margin-right: 20px;
  }
}



 Comments   
Comment by Ngoc Nguyenthanh [ 22/Feb/16 ]

In IE11 it's showing vertical scrollbar also

Generated at Mon Feb 12 09:09:33 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.