You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@isis.apache.org by "Jörg Rade (Jira)" <ji...@apache.org> on 2021/02/11 15:16:00 UTC
[jira] [Updated] (ISIS-2528) Wicket UI Styling

     [ https://issues.apache.org/jira/browse/ISIS-2528?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Jörg Rade updated ISIS-2528:
----------------------------
    Description: 
By adding styles to {{application.css}} the UI can be styled and values override any Theme settings, example:

{code:java}
header.navbar-fixed-top {
    background-color: #002852 !important;
}

.navbar-inverse {
    background-color: #56b7e9 !important;
    border-color: transparent !important;;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    background-color: #002852 !important;
}
{code}

The interaction between 'Theme' and css (application, page) needs some explanation

  was:
Changes to {{application.css}} have no effect - they have to be applied to {{page.css}}

Example:
{code:java}
header.navbar-fixed-top {
    background-color: #002852 !important;
}

.navbar-inverse {
    background-color: #56b7e9 !important;
    border-color: transparent !important;;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    background-color: #002852 !important;
}
{code}

This is a bit misleading, since {{application.css}} is referenced in {{application.yml,}} and {{page.css}} is not.

And the interaction between 'Theme' and css need some explanation.


> Wicket UI Styling
> -----------------
>
>                 Key: ISIS-2528
>                 URL: https://issues.apache.org/jira/browse/ISIS-2528
>             Project: Isis
>          Issue Type: Improvement
>          Components: Isis Docs &amp; Website
>    Affects Versions: 2.0.0-M4
>            Reporter: Jörg Rade
>            Priority: Minor
>             Fix For: 2.0.0-M6
>
>
> By adding styles to {{application.css}} the UI can be styled and values override any Theme settings, example:
> {code:java}
> header.navbar-fixed-top {
>     background-color: #002852 !important;
> }
> .navbar-inverse {
>     background-color: #56b7e9 !important;
>     border-color: transparent !important;;
> }
> .navbar-default .navbar-collapse, .navbar-default .navbar-form {
>     background-color: #002852 !important;
> }
> {code}
> The interaction between 'Theme' and css (application, page) needs some explanation



--
This message was sent by Atlassian Jira
(v8.3.4#803005)