From 8d7d357497e80b87f1d3be2357cb9cb2e853e582 Mon Sep 17 00:00:00 2001
From: ulrich
Date: Thu, 08 Apr 2021 15:55:18 +0000
Subject: [PATCH] Gestaltung der Buttons, Abspielliste (in Arbeit)
---
www/ui/app.css | 24 +++++++++++++++++++-----
1 files changed, 19 insertions(+), 5 deletions(-)
diff --git a/www/ui/app.css b/www/ui/app.css
index 293101a..39c646c 100644
--- a/www/ui/app.css
+++ b/www/ui/app.css
@@ -228,7 +228,7 @@
margin-top: 0.2rem;
}
-.ctrl-btn {
+.ctrl-btn, .ctrl-btn:focus {
width: 4rem;
font-size: medium;
display: inline-block;
@@ -242,11 +242,16 @@
text-transform: none;
text-decoration: none;
white-space: nowrap;
- background-color: transparent;
+ /* background-color: transparent; */
border-radius: 4px;
- border: 1px solid #bbb;
+ border: 0;
cursor: pointer;
box-sizing: border-box;
+}
+
+.ctrl-btn:hover {
+ color: white;
+ background-color: #707070; /* #e1e1e1;*/ /* #707070; */
}
.ctrl-select {
@@ -260,21 +265,30 @@
}
.top-btn-area {
+ display: flex;
+ flex-flow: row;
/*margin-left: auto;*/
margin: -0.5em 1em 0 2em;
}
-.top-btn {
+.top-btn, .top-btn:focus {
margin: 0;
padding: 0 0.2em 0 0.2em;
height: 1.3em;
line-height: 1em;
text-align: center;
font-size: large;
- background-color: white;
+ color: white;
+ border-radius: 4px;
+ border: 0;
+ /* background-color: white; */
/* width: 1em; */
}
+.top-btn:hover {
+ color: black;
+ background-color: #e1e1e1; /* #707070; */
+}
@media (min-width: 800px) {
.zentraler-inhalt {
--
Gitblit v1.9.3