Browse Source

Adds full-width definition table variation, adds footer formatting

pull/1139/merge
jlukic 10 years ago
parent
commit
43ec6dd346
2 changed files with 23 additions and 5 deletions
  1. 24
      src/definitions/collections/table.less
  2. 4
      src/themes/packages/default/collections/table.variables

24
src/definitions/collections/table.less

@ -199,17 +199,28 @@
Definition
---------------*/
.ui.definition.table thead th:first-child {
.ui.definition.table thead:not(.full-width) th:first-child {
pointer-events: none;
background: @definitionHeaderBackground;
font-weight: @definitionHeaderFontWeight;
color: @definitionHeaderColor;
box-shadow: -1px -1px 0px @borderWidth @definitionPageBackground;
box-shadow: -@borderWidth -@borderWidth 0px @borderWidth @definitionPageBackground;
}
.ui.definition.table tfoot:not(.full-width) th:first-child {
pointer-events: none;
background: @definitionFooterBackground;
font-weight: @definitionFooterColor;
color: @definitionFooterFontWeight;
box-shadow: @borderWidth @borderWidth 0px @borderWidth @definitionPageBackground;
}
/* Remove Border */
.ui.celled.definition.table thead th:first-child {
box-shadow: 0px -1px 0px @borderWidth @definitionPageBackground;
.ui.celled.definition.table thead:not(.full-width) th:first-child {
box-shadow: 0px -@borderWidth 0px @borderWidth @definitionPageBackground;
}
.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
box-shadow: 0px @borderWidth 0px @borderWidth @definitionPageBackground;
}
/* Highlight Defining Column */
@ -220,7 +231,10 @@
}
/* Fix 2nd Column */
.ui.definition.table thead th:nth-child(2) {
.ui.definition.table thead:not(.full-width) th:nth-child(2) {
border-left: @borderWidth solid @borderColor;
}
.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
border-left: @borderWidth solid @borderColor;
}
.ui.definition.table td:nth-child(2) {

4
src/themes/packages/default/collections/table.variables

@ -177,6 +177,10 @@
@definitionHeaderColor: @unselectedTextColor;
@definitionHeaderFontWeight: normal;
@definitionFooterBackground: @definitionHeaderBackground;
@definitionFooterColor: @definitionHeaderColor;
@definitionFooterFontWeight: @definitionHeaderFontWeight;
@definitionColumnBackground: @subtleTransparentBlack;
@definitionColumnColor: @selectedTextColor;

Loading…
Cancel
Save