1
0
قرینه از https://github.com/matomo-org/matomo.git synced 2025-08-22 23:17:46 +00:00
Files
matomo/plugins/Installation/stylesheets/systemCheckPage.less
Ben Burgess e9b3ab180d Update notifications and info boxes styles for accessibility (#21077)
* Update notifications, alerts and info boxes to new design

* Updated demo notifications to add multiline example and comment on close button.

* Replace 89 matomo font glyphs with new icons, consolidated icon-info2 usage to icon-info, added source SVG files for new icons

* Bump stalled tests

* built vue files

* Updated Matomo font icons scale, tweak for export icon css, updated reporting actions icon

* Updated UI test screenshots for icon and notification changes

* Updated UI test screenshots after rebase

* Various notification, style and icon improvements

- Temporarily updated submodule references for testing
- Updated the 25 outstanding icons used with core, both with .svg files and updated font files
- icon-done now uses the same thin tick icon as icon-ok
- icon-plus-square and icon-minus-square now have squares again
- New icons icon-add1 and icon-remove have added
- New icons icon-chevron-right and icon-chevron-left have been added
- Updated mobile down menu, dashboard settings, site selector, fieldExandableSelect and reporting menu to use a chevron as before
- The Morpheus UI demo icons section has been tidied to only show the new icon set
- Fixed link colour on marketplace metadata sidebar
- Fixed colour on marketplace plugin tile more link
- Fixed privacy manager opt out non-standard notification
- Increased the size of the warning icon on user permissions menu
- Adjusted help notification background colour
- Reverted three UI tests from a previous commit which were not related to style changes

* Update notifications, alerts and info boxes to new design

* Replace 89 matomo font glyphs with new icons, consolidated icon-info2 usage to icon-info, added source SVG files for new icons

* Bump stalled tests

* Updated Matomo font icons scale, tweak for export icon css, updated reporting actions icon

* Updated UI test screenshots for icon and notification changes

* built vue files

* Bump stalled tests again

* Updated font with scaling tweaks

* Update UI screenshots after font change

* Update plugins/Marketplace/stylesheets/marketplace.less

Co-authored-by: Stefan Giehl <stefan@matomo.org>

* Update plugins/Marketplace/stylesheets/marketplace.less

Co-authored-by: Stefan Giehl <stefan@matomo.org>

* Fix incorrect UI test screenshots for visitor map and profile action tooltip

* Fix missing admin menu platform icon

* Password changed confirmation style updated to standard info box

* Update submodule references

* Update UI test screenshots

* update submodules

* updates expected UI test files

* update submodules

* update submodules

* use correct menu item

* built vue files

* submodule updates

* updates expected UI test files

* improve menu icon

---------

Co-authored-by: bx80 <bx80@users.noreply.github.com>
Co-authored-by: Stefan Giehl <stefan@matomo.org>
Co-authored-by: sgiehl <sgiehl@users.noreply.github.com>
2023-08-16 23:17:57 +02:00

79 خطوط
1.3 KiB
Plaintext

.system-check td:first-child {
width: 40%;
}
.system-check {
td.error {
color: red;
font-size: 100%;
font-weight: bold;
border: 2px solid red!important;
width: 550px;
padding: 20px;
margin-bottom: 10px;
img {
border: 0;
float: right;
margin: 10px;
}
}
}
.system-check .icon-ok {
color: @color-green-matomo;
margin-right: 13.5px;
}
.system-check .icon-warning {
color: #DF9D27;
margin-right: 13.5px;
}
.system-check .icon-error {
color: #D73F36;
margin-right: 13.5px;
}
.system-check .icon-info {
color: #00bcd4;
margin-right: 13.5px;
}
.widgetBody.system-check {
.icon-ok,
.icon-warning,
.icon-error {
margin-right: 0;
}
ul {
li {
> span {
padding-right: 4px;
}
font-weight: bold;
&.system-check-widget-warning {
color: #DF9D27;
}
&.system-check-widget-error {
color: #D73F36;
}
}
}
}
.system-success {
color: @color-green-matomo !important;
font-weight: bold;
}
.system-errors {
font-weight: bold;
color: #D73F36 !important;
}
.system-warnings {
font-weight: bold;
color: #DF9D27 !important;
}