Plugin styles
Plugins may provide Polymer style modules for UI CSS-based customization.
PolyGerrit UI implements number of styling endpoints, which apply CSS mixins using @apply to its direct contents.
Note
|
Only items (i.e. CSS properties and mixin targets) documented here are guaranteed to work in the long term, since they are covered by integration tests. + When there is a need to add new property or endpoint, please file a bug stating your use case to track and maintain for future releases. |
Plugins should be html-based and imported following PolyGerrit’s dev guide.
Plugins should provide Style Module, for example:
<dom-module id="some-style">
<style>
:root {
--css-mixin-name: {
property: value;
}
}
</style>
</dom-module>
Plugins should register style module with a styling endpoint using
Plugin.prototype.registerStyleModule(endpointName, styleModuleName)
, for
example:
Gerrit.install(function(plugin) {
plugin.registerStyleModule('some-endpoint', 'some-style');
});
Available styling endpoints
change-metadata
Following custom CSS mixins are recognized:
-
--change-metadata-assignee
is applied to
gr-change-metadata section.assignee
-
--change-metadata-label-status
is applied to
gr-change-metadata section.labelStatus
-
--change-metadata-strategy
is applied to
gr-change-metadata section.strategy
-
--change-metadata-topic
is applied to
gr-change-metadata section.topic
Following CSS properties have long-term support via integration test:
-
display
can be set to
none
to hide a section.