khanh.pndc/odoo-docs
1
0
Fork 0
mirror of https://github.com/odoo/documentation.git synced 2025-12-12 07:29:27 +07:00
Code Issues Packages Projects Releases Wiki Activity

[IMP] toctrees: redesign and new card component

Browse Source 
The goal of this commit is to propose a first step towards a new
`.. card::` directive for the toctrees. This is a first design
proposition for this new card component in raw html for the fallback
page `howtos.rst`

The long term objective is to redesign the toctrees by implementing card
components, clearer toctree list design and custom html pages.

Related to task-3059229

closes odoo/documentation#3408

X-original-commit: 64363d8640
Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
This commit is contained in:
Mathieu (mano)
2023-01-12 17:07:53 +00:00
committed by Antoine Vandevenne (anv)
parent aef4f46c59
commit b5efab7201
3 changed files with 144 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
extensions/odoo_theme/static/scss/bootstrap_overridden.scss vendored
View File

@@ -103,3 +103,6 @@ $accordion-icon-transform: rotate(0deg) !default;
$alert-border-width: 3px;
$alert-border-scale: 0;
$alert-border-radius: 0 3px 3px 0;
// Card
$card-cap-bg: transparent;

22
extensions/odoo_theme/static/style.scss
View File

@@ -1057,6 +1057,28 @@ header {
}
}
//------------------------------------------------------------------------------
// Cards
//------------------------------------------------------------------------------
.o_toctree_card {
&:hover {
text-decoration: none;
cursor: pointer;
.card {
background-color: rgba($teal-100, 0.2);
}
}
.card {
transition: all 200ms;
}
}
//------------------------------------------------------------------------------
// Content Tabs
//------------------------------------------------------------------------------