From 43ec6dd346922cf1cb887880a0465e5a0f0b5a06 Mon Sep 17 00:00:00 2001 From: jlukic Date: Thu, 2 Oct 2014 19:42:57 -0400 Subject: [PATCH] Adds full-width definition table variation, adds footer formatting --- src/definitions/collections/table.less | 24 +++++++++++++++---- .../default/collections/table.variables | 4 ++++ 2 files changed, 23 insertions(+), 5 deletions(-) diff --git a/src/definitions/collections/table.less b/src/definitions/collections/table.less index 760abee72..ca44f824b 100755 --- a/src/definitions/collections/table.less +++ b/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) { diff --git a/src/themes/packages/default/collections/table.variables b/src/themes/packages/default/collections/table.variables index 62b9d8596..c2debd83f 100755 --- a/src/themes/packages/default/collections/table.variables +++ b/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;