diff --git a/xwiki-platform-core/xwiki-platform-flamingo/xwiki-platform-flamingo-skin/xwiki-platform-flamingo-skin-resources/src/main/resources/flamingo/less/messages.less b/xwiki-platform-core/xwiki-platform-flamingo/xwiki-platform-flamingo-skin/xwiki-platform-flamingo-skin-resources/src/main/resources/flamingo/less/messages.less index 72725e49e180..b32151f90d26 100644 --- a/xwiki-platform-core/xwiki-platform-flamingo/xwiki-platform-flamingo-skin/xwiki-platform-flamingo-skin-resources/src/main/resources/flamingo/less/messages.less +++ b/xwiki-platform-core/xwiki-platform-flamingo/xwiki-platform-flamingo-skin/xwiki-platform-flamingo-skin-resources/src/main/resources/flamingo/less/messages.less @@ -2,10 +2,49 @@ // Messages // -------------------------------------------------- -.successmessage, .errormessage, .warningmessage, .infomessage, -span.successmessage, span.errormessage, span.warningmessage, span.infomessage, -span.box { // Used by: Inline boxes and messages - padding: floor(@font-size-base * 0.2); +// Used by: Inline boxes +span.successmessage, span.errormessage, span.warningmessage, span.infomessage { + padding: 0 floor(@font-size-base * 0.2); + border: none; + box-shadow: none; + & > img { + // Style the silk icons + margin: 0 .6rem 0 .2rem; + vertical-align: sub; + } + + & > span.fa { + // Style the font awesome icons + margin: 0 .6rem 0 .2rem; + } +} + +// Used by: message boxes +div.successmessage, div.errormessage, div.warningmessage, div.infomessage { + display: flex; + gap: 2rem; + justify-content: left; + align-items: baseline; + padding: 2rem; + border: none; + border-left: 4px solid; + box-shadow: none; + + & > img { + // Improve alignment for silk icons + align-self: flex-start; + } + + & > div > .box-title, + & > div > .xwiki-metadata-container[data-xwiki-parameter-name="title"] { + font-weight: bold; + } + + // Main message content + & > div > p, + & > div > [data-cke-display-name="$content"] { + margin: 0; + } } .box, .plainmessage, // Used by: Code Macro, Success Macro, etc. @@ -28,21 +67,25 @@ fieldset.xwikimessage { // Used by: Login form, Delete messages .successmessage { .alert-success; background-color: @state-success-bg; + border-color: @brand-success; } .errormessage { .alert-danger; background-color: @state-danger-bg; + border-color: @brand-danger; } .warningmessage { .alert-warning; background-color: @state-warning-bg; + border-color: @brand-warning; } .infomessage { .alert-info; background-color: @state-info-bg; + border-color: @brand-primary; } // -------------------------------------------------- diff --git a/xwiki-platform-core/xwiki-platform-icon/xwiki-platform-icon-fontawesome/src/main/resources/IconThemes/FontAwesome.xml b/xwiki-platform-core/xwiki-platform-icon/xwiki-platform-icon-fontawesome/src/main/resources/IconThemes/FontAwesome.xml index f12f51c8a704..184c414827dc 100644 --- a/xwiki-platform-core/xwiki-platform-icon/xwiki-platform-icon-fontawesome/src/main/resources/IconThemes/FontAwesome.xml +++ b/xwiki-platform-core/xwiki-platform-icon/xwiki-platform-icon-fontawesome/src/main/resources/IconThemes/FontAwesome.xml @@ -288,7 +288,8 @@ disk = floppy-o drink = glass drive = hdd-o email = envelope-o -emoticon_smile=smile-o +emoticon_smile= smile-o +emoticon_unhappy = frown-o error = exclamation-triangle exclamation = exclamation-circle eye = eye diff --git a/xwiki-platform-core/xwiki-platform-rendering/xwiki-platform-rendering-xwiki/pom.xml b/xwiki-platform-core/xwiki-platform-rendering/xwiki-platform-rendering-xwiki/pom.xml index 628faf61249c..6eca438898a3 100644 --- a/xwiki-platform-core/xwiki-platform-rendering/xwiki-platform-rendering-xwiki/pom.xml +++ b/xwiki-platform-core/xwiki-platform-rendering/xwiki-platform-rendering-xwiki/pom.xml @@ -108,6 +108,16 @@ org.apache.httpcomponents httpclient + + org.xwiki.platform + xwiki-platform-icon-api + ${project.version} + + + org.xwiki.platform + xwiki-platform-localization-api + ${project.version} +