From 0241d0555f9bd1a1a40a6d35445a3a0ea693c425 Mon Sep 17 00:00:00 2001
From: Eugen Neuber <eugen.neuber@tugraz.at>
Date: Wed, 4 Dec 2019 16:26:06 +0100
Subject: [PATCH] Add css for select and vpu-data-table-view buttons
---
packages/common/styles.js | 32 ++++++++++++++++++++++----------
1 file changed, 22 insertions(+), 10 deletions(-)
diff --git a/packages/common/styles.js b/packages/common/styles.js
index ebd1cc4c..9297bf1a 100644
--- a/packages/common/styles.js
+++ b/packages/common/styles.js
@@ -340,7 +340,7 @@ export function getNotificationCSS() {
export function getButtonCSS() {
// language=css
return css`
- .button {
+ button.button, .button, button.dt-button {
border-color: black;
border-width: 1px;
border-radius: var(--vpu-border-radius);
@@ -355,48 +355,60 @@ export function getButtonCSS() {
white-space: nowrap;
font-size: inherit;
font-family: inherit;
- background-color: transparent;
transition: background-color 0.15s ease 0s, color 0.15s ease 0s;
+ background: none;
}
- .button:hover {
+ button.button:hover, .button:hover, button.dt-button:hover, button.dt-button:hover:not(.disabled) {
color: white;
+ background: none;
background-color: black;
}
- .button.is-small {
+ button.button.is-small, ..button.is-small {
border-radius: calc(var(--vpu-border-radius) / 2);
font-size: .75rem;
}
- .button.is-primary {
+ button.button.is-primary, ..button.is-primary {
background-color: var(--vpu-primary-bg-color);
color: var(--vpu-primary-text-color);
}
- .button.is-info {
+ button.button.is-info, ..button.is-info {
background-color: var(--vpu-info-bg-color);
color: var(--vpu-info-text-color);
}
- .button.is-success {
+ button.button.is-success, ..button.is-success {
background-color: var(--vpu-success-bg-color);
color: var(--vpu-success-text-color);
}
- .button.is-warning {
+ button.button.is-warning, ..button.is-warning {
background-color: var(--vpu-warning-bg-color);
color: var(--vpu-warning-text-color);
}
- .button.is-danger {
+ .button.button.is-danger, .button.is-danger {
background-color: var(--vpu-danger-bg-color);
color: var(--vpu-danger-text-color);
}
- .button[disabled], fieldset[disabled] .button {
+ button.button[disabled], ..button[disabled], fieldset[disabled] .button {
opacity: .5;
}
+
+ select {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ background: right/25% no-repeat url("local/vpu-common/icons/chevron-down.svg");
+ border-color: black;
+ border-width: 1px;
+ border-radius: var(--vpu-border-radius);
+ color: black;
+ padding: 0.14rem;
+ }
`;
}
--
GitLab