-
Type:
Improvement
-
Status: Resolved
-
Priority:
Minor
-
Resolution: Fixed
-
Affects Version/s: 9.10
-
Component/s: Web UI
-
Release Notes Summary:The media CSS contains more configurable properties.
-
Backlog priority:500
-
Sprint:nxGang Sprint 10.10.4
-
Story Points:2
The media rule is used by the element nuxeo-suggester.html. Currently there is only one mixin: nuxeo-app-header-background
@media (max-width: 1024px) {
#searchButton {
box-shadow: -3px 0 10px 0 rgba(0,0,0,0.1);
background-color: var(--nuxeo-app-header-background);
width: 52px;
z-index: 100;
}
#searchBar {
justify-content: flex-start;
}
paper-input {
width: calc(100% - 90px);
margin-left: 1.2rem;
}
#results {
width: 100%;
padding: 1em;
}
}
In order to fix the display of the suggester on small screen, I have the requirement to expose 2 new mixins for the paper-input element, for example:
paper-input {
width: var(--paper-input-media-width);
margin-left: var(--paper-input-media-margin);
}
Maybe a quick improvement can be done for 9.10 and a more important rework in master
