bec/bec_widgets
0
0
Fork 0
mirror of https://github.com/bec-project/bec_widgets.git synced 2025-07-13 19:21:50 +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 */ /* Main index page overview cards */
.sd-card { .index-card .sd-card {
background: #fff; background: #fff;
border-radius: 0; border-radius: 0;
padding: 30px 10px 20px 10px; padding: 30px 10px 20px 10px;
margin: 10px 0px; margin: 10px 0px;
} }
.sd-card .sd-card-header { .index-card .sd-card-header {
text-align: center; text-align: center;
} }
.sd-card .sd-card-header .sd-card-text { .index-card .sd-card-header .sd-card-text {
margin: 0px; margin: 0px;
} }
.sd-card .sd-card-img-top { .index-card .sd-card-img-top {
height: 52px; height: 52px;
width: 52px; width: 52px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.sd-card .sd-card-header { .index-card .sd-card-header {
border: none; border: none;
background-color:white; background-color:white;
color: #150458 !important; color: #150458 !important;
@ -91,13 +91,13 @@
border-bottom: none !important; border-bottom: none !important;
} }
.sd-card .sd-card-footer { .index-card .sd-card-footer {
border: none; border: none;
background-color:white; background-color:white;
border-top: none !important; border-top: none !important;
} }
.sd-card .sd-card-footer .sd-card-text{ .index-card .sd-card-footer .sd-card-text{
max-width: 220px; max-width: 220px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -143,7 +143,7 @@
/* Main index page overview cards */ /* 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); background-color:var(--pst-color-background);
border: none border: none
} }
@ -152,12 +152,12 @@
box-shadow: 0 .1rem 0.5rem rgba(250, 250, 250, .2) !important 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); background-color:var(--pst-color-background);
color: #150458 !important; 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); background-color:var(--pst-color-background);
} }

2
docs/developer/developer.md
View File

@ -27,6 +27,7 @@ api_reference/api_reference.md
:link-type: ref :link-type: ref
:img-top: /assets/rocket_launch_48dp.svg :img-top: /assets/rocket_launch_48dp.svg
:text-align: center :text-align: center
:class-item: index-card
## Introduction ## Introduction
@ -38,6 +39,7 @@ An introduction into the single-resposibility principle and the modular design o
:link-type: ref :link-type: ref
:img-top: /assets/apps_48dp.svg :img-top: /assets/apps_48dp.svg
:text-align: center :text-align: center
:class-item: index-card
## Widget Development ## Widget Development

4
docs/index.md
View File

@ -14,6 +14,7 @@ A flexible and extensible framework for building graphical user interfaces in Py
:link-type: ref :link-type: ref
:img-top: /assets/index_getting_started.svg :img-top: /assets/index_getting_started.svg
:text-align: center :text-align: center
:class-item: index-card
## Introduction ## Introduction
@ -25,6 +26,7 @@ General information about BEC Widgets.
:link-type: ref :link-type: ref
:img-top: /assets/index_user_guide.svg :img-top: /assets/index_user_guide.svg
:text-align: center :text-align: center
:class-item: index-card
## User guide ## User guide
@ -36,6 +38,7 @@ Information for users of BEC Widgets.
:link-type: ref :link-type: ref
:img-top: /assets/index_contribute.svg :img-top: /assets/index_contribute.svg
:text-align: center :text-align: center
:class-item: index-card
## Developer guide ## Developer guide
@ -47,6 +50,7 @@ Information for developers of BEC Widgets.
:link-type: ref :link-type: ref
:img-top: /assets/index_api.svg :img-top: /assets/index_api.svg
:text-align: center :text-align: center
:class-item: index-card
## API reference ## API reference

4
docs/user/user.md
View File

@ -25,6 +25,7 @@ api_reference/api_reference.md
:link-type: ref :link-type: ref
:img-top: /assets/rocket_launch_48dp.svg :img-top: /assets/rocket_launch_48dp.svg
:text-align: center :text-align: center
:class-item: index-card
## Getting Started ## Getting Started
@ -36,6 +37,7 @@ Learn how to install BEC Widgets and get started with the framework.
:link-type: ref :link-type: ref
:img-top: /assets/display_settings_48dp.svg :img-top: /assets/display_settings_48dp.svg
:text-align: center :text-align: center
:class-item: index-card
## Applications ## Applications
@ -48,6 +50,7 @@ Learn how to use BEC Widgets Applications, to modify and create new applications
:link-type: ref :link-type: ref
:img-top: /assets/apps_48dp.svg :img-top: /assets/apps_48dp.svg
:text-align: center :text-align: center
:class-item: index-card
## Widgets ## Widgets
@ -59,6 +62,7 @@ Learn about the building blocks of larger applications: widgets.
:link-type: ref :link-type: ref
:img-top: /assets/index_api.svg :img-top: /assets/index_api.svg
:text-align: center :text-align: center
:class-item: index-card
## API reference ## API reference