fix(dees-button): Fix styling issue in button component.

This commit is contained in:
Philipp Kunz 2024-10-06 01:18:13 +02:00
parent e26da1bb8f
commit 719e63c667
3 changed files with 14 additions and 8 deletions

View File

@ -1,5 +1,10 @@
# Changelog # Changelog
## 2024-10-06 - 1.1.13 - fix(dees-button)
Fix styling issue in button component.
- Moved the .button.disabled styling block to its correct position after the .button.highlighted block.
## 2024-10-06 - 1.1.12 - fix(dees-button) ## 2024-10-06 - 1.1.12 - fix(dees-button)
Fix reflect attribute for disabled property on dees-button component Fix reflect attribute for disabled property on dees-button component

View File

@ -3,6 +3,6 @@
*/ */
export const commitinfo = { export const commitinfo = {
name: '@design.estate/dees-catalog', name: '@design.estate/dees-catalog',
version: '1.1.12', version: '1.1.13',
description: 'A library for building components and other projects' description: 'A library for building components and other projects'
} }

View File

@ -104,13 +104,6 @@ export class DeesButton extends DeesElement {
border-top: 1px solid #0069f2; border-top: 1px solid #0069f2;
} }
.button.disabled {
background: ${cssManager.bdTheme('#ffffff00', '#11111100')};
border: 1px dashed ${cssManager.bdTheme('#666666', '#666666')};
color: #9b9b9e;
cursor: default;
}
.button.highlighted { .button.highlighted {
background: #e4002b; background: #e4002b;
border: none; border: none;
@ -132,6 +125,14 @@ export class DeesButton extends DeesElement {
.button.discreet:hover { .button.discreet:hover {
background: ${cssManager.bdTheme('rgba(0, 0, 0, 0.1)', 'rgba(255, 255, 255, 0.1)')}; background: ${cssManager.bdTheme('rgba(0, 0, 0, 0.1)', 'rgba(255, 255, 255, 0.1)')};
} }
.button.disabled {
background: ${cssManager.bdTheme('#ffffff00', '#11111100')};
border: 1px dashed ${cssManager.bdTheme('#666666', '#666666')};
color: #9b9b9e;
cursor: default;
}
.button.hidden { .button.hidden {
display: none; display: none;
} }