bn8/ldapsaisie
1
0
Fork 0
mirror of https://gitlab.easter-eggs.com/ee/ldapsaisie.git synced 2024-11-19 08:39:06 +01:00
Code Issues Projects Releases Wiki Activity

Add LStable CSS class to make easier to create customized table

Browse source
This commit is contained in:
Benjamin Renard 2020-12-16 17:21:47 +01:00
parent 28ac541c3c
commit 443d51865f
2 changed files with 16 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/css/default/base.css
View file

@ -152,7 +152,7 @@ a.menu {
**************** ****************
*/ */
table.LSobject-list { table.LSobject-list, table.LStable {
margin-left: 1em; margin-left: 1em;
margin-top: 0.5em; margin-top: 0.5em;
border: 1px solid #0072b8; border: 1px solid #0072b8;
@ -164,7 +164,7 @@ table.LSobject-list {
/* /*
* th * th
*/ */
th.LSobject-list { th.LSobject-list, table.LStable th {
background-color: #0072b8; background-color: #0072b8;
color: #fff; color: #fff;
} }
@ -181,7 +181,7 @@ img.LSobject-list-ordersense {
vertical-align: middle; vertical-align: middle;
} }
th.LSobject-list a { th.LSobject-list a, table.LStable th a {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
} }
@ -189,18 +189,18 @@ th.LSobject-list a {
/* /*
* tr * tr
*/ */
tr.LSobject-list-bis { tr.LSobject-list-bis, table.LStable tr.bis {
background-color: #c1d7e3; background-color: #c1d7e3;
} }
tr.LSobject-list:hover { tr.LSobject-list:hover, table.LStable tr:hover {
background-color: #729EB6; background-color: #729EB6;
} }
/* /*
* td * td
*/ */
td.LSobject-list { td.LSobject-list, table.LStable tbody td {
border: 1px solid #0072b8; border: 1px solid #0072b8;
padding: 0.1em; padding: 0.1em;
} }
@ -209,7 +209,7 @@ td.LSobject-list-without-result {
text-align: center; text-align: center;
} }
a.LSobject-list { a.LSobject-list, table.LStable tbody a {
color: #000; color: #000;
text-decoration: none; text-decoration: none;
} }

18
src/css/light-blue.css
View file

@ -85,21 +85,21 @@ li.menu a {
/* ---- Objects list ---- */ /* ---- Objects list ---- */
@media (min-width: 1024px) { @media (min-width: 1024px) {
table.LSobject-list { table.LSobject-list, table.LStable {
width: 98%; width: 98%;
border: none; border: none;
margin-top: 1.8em; margin-top: 1.8em;
} }
} }
th.LSobject-list { th.LSobject-list, table.LStable th {
font-weight: bold; font-weight: bold;
font-size: 0.9em; font-size: 0.9em;
border: none; border: none;
background-color: transparent; background-color: transparent;
} }
td.LSobject-list, tr.LSobject-list { td.LSobject-list, tr.LSobject-list, table.LStable tbody td, table.LStable th {
border: none; border: none;
transition: all 0.25s linear; transition: all 0.25s linear;
} }
@ -270,7 +270,7 @@ ul.LSformElement_image_actions {
/* ---- Medium ---- */ /* ---- Medium ---- */
li.LSform_layout_active, tr.LSobject-list:hover, ul.LSaccessRightsMatrixView_tabs li { li.LSform_layout_active, tr.LSobject-list:hover, table.LStable tr:hover, table.LStable tr.bis:hover, ul.LSaccessRightsMatrixView_tabs li {
background-color: var(--medium-color); background-color: var(--medium-color);
} }
@ -289,11 +289,11 @@ h1, li.LSview-actions, li.menu a:hover {
} }
/* ---- Light ---- */ /* ---- Light ---- */
ul.LSformElement_select_object_edit, li.LSformElement_select_object, table.LSobject-list, td.LSobject-list, div.LSinfosBox, select#LSview_search_predefinedFilter { ul.LSformElement_select_object_edit, li.LSformElement_select_object, table.LSobject-list, table.LStable, td.LSobject-list, table.LStable td, div.LSinfosBox, select#LSview_search_predefinedFilter {
border-color: var(--light-color); border-color: var(--light-color);
} }
tr.LSobject-list-bis, .LSform input[type=text], .LSform input[type=password], .LSform textarea, li.LSformElement_select_object_addBtn, div.LSinfosBox, dl.LSmail input, dl.LSmail textarea { tr.LSobject-list-bis, table.LStable tr.bis, .LSform input[type=text], .LSform input[type=password], .LSform textarea, li.LSformElement_select_object_addBtn, div.LSinfosBox, dl.LSmail input, dl.LSmail textarea {
background-color: var(--light-color); background-color: var(--light-color);
} }
@ -334,12 +334,12 @@ input[type='submit'].LSview_search, input[type='text'].LSview_search, div.LSacce
} }
/* ---- Dark grey ---- */ /* ---- Dark grey ---- */
body, input, select, textarea, #status, th.LSobject-list, th.LSobject-list a, .LSform dt, dl.LSmail dt, a, div.LSinfosBox, strong.LSobject-list-page, strong.LSobject-list-nb-by-page, a.LSobject-list-page:hover, a.LSobject-list-nb-by-page:hover, ul.LSformElement_jsonCompositeAttribute div label, p.LSform_listAvailableDataEntryForm, dd.LSform, a.LSview-actions, a.LSobject-list, a.LSrelation, a.LSformElement_select_object, div.LSformElement_password_confirm label { body, input, select, textarea, #status, th.LSobject-list, table.LStable th, th.LSobject-list a, table.LStable a, .LSform dt, dl.LSmail dt, a, div.LSinfosBox, strong.LSobject-list-page, strong.LSobject-list-nb-by-page, a.LSobject-list-page:hover, a.LSobject-list-nb-by-page:hover, ul.LSformElement_jsonCompositeAttribute div label, p.LSform_listAvailableDataEntryForm, dd.LSform, a.LSview-actions, a.LSobject-list, a.LSrelation, a.LSformElement_select_object, div.LSformElement_password_confirm label {
color: var(--dark-grey); color: var(--dark-grey);
} }
/* ---- Contrasted grey ---- */ /* ---- Contrasted grey ---- */
tr.LSobject-list:hover, tr.LSobject-list:hover a.LSobject-list, .LSform input[type=submit], input[type='submit'].LSview_search, li.LSform_layout_current { tr.LSobject-list:hover, table.LStable tr.bis:hover, tr.LSobject-list:hover a.LSobject-list, table.LStable tbody tr:hover a, .LSform input[type=submit], input[type='submit'].LSview_search, li.LSform_layout_current {
color: var(--contrasted-text-color); color: var(--contrasted-text-color);
} }
@ -413,7 +413,7 @@ input[type=radio]:checked {
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
table.LSobject-list { table.LSobject-list, table.LStable {
width: 98vw; width: 98vw;
} }
} }