قرینه از
https://github.com/matomo-org/matomo.git
synced 2025-08-22 15:07:44 +00:00
da0f628681
* Fix CS * Fix typo in UI demo example * Add styling and UI demo example for outline button (with reverse bg on hover) * Remove premium features widget * Allow category to have a custom widget for the reporting menu * Implement marketplace rich menu button * Remove surplus category config * Build vue files * Update unit tests with an empty category widget prop * Update system test expected files * Add type hints * Update UI test screenshots * Update expected API response xml * Partially revert "Remove premium features widget" This reverts commit5f37b028cf. We are not reverting the removal of the subcategory. * built vue files * Restore Paid Plugins widget in system test expected files Partially reverts commitc351ec94e8. * Update expected test files * Use data attribute instead of CSS class * Add tabindex * Build vue files * built vue files * Let category load when there's exactly one subcategory or multiple subcategories and an override widget * Add support for keyboard submit * Build vue files * Update quick access search UI test screenshot PM is ok with the menu items being removed from the quick access menu. Keyboard access to the new rich menu button works. * Update built vue files --------- Co-authored-by: michalkleiner <michalkleiner@users.noreply.github.com>
92 خطوط
1.6 KiB
Plaintext
92 خطوط
1.6 KiB
Plaintext
// We use `button:not(.btn)` because `button` has a higher priority than CSS classes
|
|
// which makes it impossible to use btn-lg or similar additional classes.
|
|
|
|
button.btn,
|
|
input[type="submit"].btn,
|
|
.btn {
|
|
display: inline-block;
|
|
.border-radius(3px);
|
|
|
|
background: none;
|
|
background-color: @theme-color-brand;
|
|
color: @theme-color-brand-contrast !important;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
border: 0;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
color: @theme-color-brand-contrast;
|
|
background: @theme-color-brand;
|
|
text-decoration: none;
|
|
}
|
|
|
|
em {
|
|
font-style: normal;
|
|
}
|
|
}
|
|
|
|
.btn-flat:hover {
|
|
background-color: @theme-color-background-base;
|
|
text-decoration: none !important;
|
|
box-shadow: 0 0;
|
|
}
|
|
|
|
.btn.btn-small {
|
|
padding: 0 16px;
|
|
}
|
|
|
|
|
|
// Bootstrap classes (can be removed in the future)
|
|
.btn {
|
|
display: inline-block;
|
|
}
|
|
|
|
.btn-block {
|
|
width: 100%;
|
|
}
|
|
|
|
.btn-block + .btn-block {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.btn.disabled,
|
|
.btn[disabled],
|
|
fieldset[disabled] .btn {
|
|
pointer-events: none;
|
|
cursor: not-allowed;
|
|
filter: alpha(opacity=65);
|
|
opacity: 0.65;
|
|
color: white !important;
|
|
}
|
|
|
|
// See http://getbootstrap.com/css/#buttons-options
|
|
.btn.btn-noop {
|
|
background: transparent;
|
|
color: @theme-color-text;
|
|
pointer-events: none;
|
|
cursor: not-allowed;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.btn, .btn-large, .btn-small, .btn-flat {
|
|
padding: 0 2rem;
|
|
}
|
|
|
|
.btn.btn-outline {
|
|
background: none;
|
|
color: @theme-color-brand !important;
|
|
border: 1px solid @theme-color-brand;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
color: @theme-color-brand-contrast !important;
|
|
background: @theme-color-brand;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|