From be2af4321752dc28088b3ee23b74413faf8e9be1 Mon Sep 17 00:00:00 2001
From: Patrizio Bekerle <patrizio.bekerle@tugraz.at>
Date: Wed, 8 Jan 2020 14:10:40 +0100
Subject: [PATCH] Unify more styles for Firefox and Chrome
---
packages/common/styles.js | 11 +++++++++++
1 file changed, 11 insertions(+)
diff --git a/packages/common/styles.js b/packages/common/styles.js
index 41401414..1cd3b323 100644
--- a/packages/common/styles.js
+++ b/packages/common/styles.js
@@ -27,6 +27,7 @@ export function getThemeCSS() {
--vpu-muted-text: var(--vpu-override-muted-text, #6c757d);
--vpu-border-radius: var(--vpu-override-border-radius, 0px);
--vpu-border-width: var(--vpu-override-border-width, 1px);
+ --vpu-placeholder-color: #777;
}
`;
}
@@ -53,6 +54,7 @@ export function getGeneralCSS() {
}
.input, .textarea, .select select {
+ border: solid 1px #aaa;
border-radius: var(--vpu-border-radius);
padding-bottom: calc(.375em - 1px);
padding-left: calc(.625em - 1px);
@@ -60,6 +62,10 @@ export function getGeneralCSS() {
padding-top: calc(.375em - 1px);
}
+ .input::placeholder, .textarea::placeholder, .select select::placeholder {
+ color: var(--vpu-placeholder-color);
+ }
+
input, ::placeholder, textarea, select, .select select {
font-size: inherit;
font-family: inherit;
@@ -360,6 +366,7 @@ export function getButtonCSS() {
// language=css
return css`
button.button, .button, button.dt-button {
+ border-style: solid;
border-color: black;
border-width: 1px;
border-radius: var(--vpu-border-radius);
@@ -648,6 +655,10 @@ export function getSelect2CSS() {
/* color: red; */
}
+ .select2-container--default .select2-selection--single .select2-selection__placeholder {
+ color: var(--vpu-placeholder-color);
+ }
+
/* Work around single selections not wrapping and breaking responsivness */
.select2-container--default .select2-selection--single {
height: 100% !important;
--
GitLab