bec/bec_widgets
0
0
Fork 0
mirror of https://github.com/bec-project/bec_widgets.git synced 2025-07-14 11:41:49 +02:00
Code Activity

docs(cards): changed index cards to custom css class instead of overwriting the default sd-card theme

Browse Source
This commit is contained in:
wyzula_j
2024-08-13 10:56:31 +02:00
committed by wyzula_j
parent d36d801ef1
commit 91ba30e8d0
4 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
docs/_static/custom.css vendored
View File

@ -59,29 +59,29 @@
/* Main index page overview cards */
.sd-card {
.index-card .sd-card {
background: #fff;
border-radius: 0;
padding: 30px 10px 20px 10px;
margin: 10px 0px;
}
.sd-card .sd-card-header {
.index-card .sd-card-header {
text-align: center;
}
.sd-card .sd-card-header .sd-card-text {
.index-card .sd-card-header .sd-card-text {
margin: 0px;
}
.sd-card .sd-card-img-top {
.index-card .sd-card-img-top {
height: 52px;
width: 52px;
margin-left: auto;
margin-right: auto;
}
.sd-card .sd-card-header {
.index-card .sd-card-header {
border: none;
background-color:white;
color: #150458 !important;
@ -91,13 +91,13 @@
border-bottom: none !important;
}
.sd-card .sd-card-footer {
.index-card .sd-card-footer {
border: none;
background-color:white;
border-top: none !important;
}
.sd-card .sd-card-footer .sd-card-text{
.index-card .sd-card-footer .sd-card-text{
max-width: 220px;
margin-left: auto;
margin-right: auto;
@ -143,7 +143,7 @@
/* Main index page overview cards */
html[data-theme=dark] .sd-card {
html[data-theme=dark] .index-card .sd-card {
background-color:var(--pst-color-background);
border: none
}
@ -152,12 +152,12 @@
box-shadow: 0 .1rem 0.5rem rgba(250, 250, 250, .2) !important
}
html[data-theme=dark] .sd-card .sd-card-header {
html[data-theme=dark] .index-card .sd-card-header {
background-color:var(--pst-color-background);
color: #150458 !important;
}
html[data-theme=dark] .sd-card .sd-card-footer {
html[data-theme=dark] .index-card .sd-card-footer {
background-color:var(--pst-color-background);
}