Fixed CSS problem that the tabs are not working correct.

This commit is contained in:
Kai Lauterbach 2023-05-05 10:57:42 +02:00
parent 3c69d8bc67
commit 6fec2cffaa
4 changed files with 6 additions and 38 deletions

View file

@ -9,24 +9,7 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/purecss@0.6.2/build/pure-min.css"> <link rel="stylesheet" href="https://unpkg.com/purecss@0.6.2/build/pure-min.css">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<style> <link rel="stylesheet" href="http://{{IP_ADDRESS}}/css">
#tab-lights, #tab-config, #tab-tde {
display: none;
background-color: #ffffff;
color: black;
font-weight: bold;
}
#tab-lights.visible {
display: block;
}
#tab-config.visible {
display: block;
}
#tab-tde.visible {
display: block;
}
</style>
<style src="http://{{IP_ADDRESS}}'/css">
</style> </style>
</head> </head>
<body> <body>

View file

@ -1,4 +1,4 @@
/*#tab-lights, #tab-config, #tab-tde { #tab-lights, #tab-config, #tab-tde {
display: none; display: none;
background-color: #ffffff; background-color: #ffffff;
color: black; color: black;
@ -16,6 +16,7 @@ display: block;
.pure-table td { .pure-table td {
padding: 4px; padding: 4px;
} }
/*
.pure-form input[type="number"] { .pure-form input[type="number"] {
width: 60px; width: 60px;
height: 20px; height: 20px;

View file

@ -9,24 +9,7 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/purecss@0.6.2/build/pure-min.css"> <link rel="stylesheet" href="https://unpkg.com/purecss@0.6.2/build/pure-min.css">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<style> <link rel="stylesheet" href="http://{{IP_ADDRESS}}/css">
#tab-lights, #tab-config, #tab-tde {
display: none;
background-color: #ffffff;
color: black;
font-weight: bold;
}
#tab-lights.visible {
display: block;
}
#tab-config.visible {
display: block;
}
#tab-tde.visible {
display: block;
}
</style>
<style src="http://{{IP_ADDRESS}}'/css">
</style> </style>
</head> </head>
<body> <body>

View file

@ -1,4 +1,4 @@
/*#tab-lights, #tab-config, #tab-tde { #tab-lights, #tab-config, #tab-tde {
display: none; display: none;
background-color: #ffffff; background-color: #ffffff;
color: black; color: black;
@ -16,6 +16,7 @@ display: block;
.pure-table td { .pure-table td {
padding: 4px; padding: 4px;
} }
/*
.pure-form input[type="number"] { .pure-form input[type="number"] {
width: 60px; width: 60px;
height: 20px; height: 20px;