diff --git a/sam-styles/table/_structure.scss b/sam-styles/table/_structure.scss index 532bbc7e5..9beda6e1c 100644 --- a/sam-styles/table/_structure.scss +++ b/sam-styles/table/_structure.scss @@ -206,6 +206,79 @@ sam-header-cell{ border-radius: 2px; } +/** +* sam-styles custom for tertiary datatable +*/ +sam-datatable.sam-datatable--light { + overflow-x: scroll; + overflow-y: scroll; + width: 100%; + height: 400px; + + .sam-header-row { + background-color: #f5f6f7; + overflow-x: auto; + position: sticky; + + th { + color: black; + + &:hover { + color: black; + } + &:active { + color: primary; + } + } + + th:hover { + color: black; + } + } + + tr { + border: 1px solid #999; + height: 60px; + } + + td { + display: block; + border: 0.5px solid #999; + text-align: left; + height: 60px; + width: max-content; + } +} +.datatable-container { + + .sam-datatable-title { + .title { + width: inherit; + height: 70px; + background-color: #EFF6FB; + border: 1px solid #999; + padding: 5px; + + span { + font-size: 14px; + font-style: italic; + } + div { + font-size: 16px; + font-weight: bold; + color: #0172BC; + } + } + input { + display: none; + } + } + + sam-pagination { + display: none !important; + } +} + /** * BASIC SAM TABLE */