<commit_before>// Tables
//
//<div class="styleguide-break"><i class="mdi mdi-alert"></i><span></span></div>
//
// Tables are used to give a overview of data, however, following the <a href="index.html" >Main concepts</a> of the styleguide, only relevant data should be displayed. In the cases where that is not possible, please use infinite scrolling or pagination to keep the page lightweight.
// If a table does take time to be loaded, a loading bar should be displayed during this time to indicate to the user that it will take some time and that the table is not broken.
//
// A table should be displayed in alphabetical order by default, unless there is an obvious way the user would want the data sorted. Even so, the ability to sort and search within the table is most welcome. 
//If the table can be sorted, it should have filled arrows in the header indicating the sorting direction (down for descending and up for ascending), clicking the header should change the sorting direction and the arrow direction.
//
//Cells containing numbers are right aligned using the 'number-cell' class to differentiate them from text content.</br>
//If you need to display bigger forms of data or need more complex actions such as importing/exporting, multi select or the ability to hide columns - take a look at the <a href="section-6.html#kssref-6.1">'Big table' in chapeter 6 - Scalability</a>.
//
//Styleguide 1.8
//

// Default table
//
//Markup:
//<table class="wfm-table">
//<thead><tr><th>texts</th><th>numbers</th></tr></thead>
//<tbody><tr><td>text1</td><td class="number-cell">2135847</td></tr>
// <tr><td>text1</td><td class="number-cell">2.3546</td></tr>
// </tbody>
//</table>
//
//Styleguide 1.8.1
//

.wfm-table {
	width: 100%;
  text-align: left;
}

.wfm-table td, .wfm-table th {
  border: 1px solid $gray012;
  color: $gray054;
  padding: $full-padding;
}

.wfm-table th, .wfm-table-header {
  color: $gray087;
  background-color: $blue-100;
  text-align: center;
  
}

.wfm-table .number-cell {
	text-align: right;
}


// Two dimensions table
//
//Markup:
//<table class="wfm-table wfm-table-multi">
//<thead><tr><th></th><th>column header</th><th>column header</th></tr></thead>
//<tbody><tr><td>row header</td><td>item1</td><td>item2</td></tr>
// <tr><td>row header</td><td>item3</td><td>item4</td></tr>
// </tbody>
//</table>
//
//Styleguide 1.8.2
//

.wfm-table-multi{
	th:first-child,td:first-child{
	  color: $gray087;
	  font-weight:600;
	  background-color: $blue-100;
	}
}

/* Datagrid */
.ui-grid-header-cell {
	@extend .wfm-table-header;
	border: none;

	 i{text-align:right; 
	 float:none;} 

	 &:hover{
		 background-color: $blue-300;
		 cursor: pointer;
	 }
}

.ui-grid{
	border-left: none;
	border-right:none;
}

.big-table-wrapper{
	h4 span{
		float:right;
		margin-right:16px;
		
		i{
			cursor:pointer;
		}
	}
}

.ui-grid-header-canvas{
	background-color:$blue-100;
}

.ui-grid-viewport.ng-isolate-scope {
  overflow-x: auto!important;
}

.ui-grid-top-panel{
	background:$white;
	color:$gray054;
}

.ui-grid-header{
	border: none;
}

.ui-grid-row .ui-grid-cell {
	border: none;
	background-color: $white !important;
	border-bottom: 1px solid $gray-300;
}
.ui-grid-header-cell .ui-grid-vertical-bar {
	display: none;
	text-align:left;
}

.ui-grid-menu-items {
	@extend .wfm-list;
	box-shadow:none !important;
	li:hover{
		box-shadow:none;
	}
}
.ui-grid-menu .ui-grid-menu-inner ul li:hover, .ui-grid-menu .ui-grid-menu-inner ul li.ui-grid-menu-item-active{
	box-shadow:none;
}
.ui-grid-menu .ui-grid-menu-inner ul li{
	padding: $full-padding;
}

.ui-grid-selection-row-header-buttons{
	opacity: 1; 
	color: $gray087;
}

.ui-grid-menu-button{
	top: -39px;
	background: transparent;
	border:none;
}

.ui-grid-row-selected::before{
	color: $gray087;
}

/*zebra stripe
.ui-grid-row:nth-child(odd) > [ui-grid-row] > .ui-grid-cell{
	background-color: $gray012!important; 
}*/


/*icons*/
.ui-grid-icon-ok:before {
	content: "\f1d6"!important;
}

.ui-grid-row-selected .ui-grid-icon-ok:before  {
	content: "\f1da"!important;
}

.ui-grid-menu-item .ui-grid-icon-ok:before {
	content: "\f272"!important;
}

.ui-grid-menu-item .ui-grid-icon-cancel:before {
	content: "\f273"!important;
}

.ui-grid-icon-down-dir:before {
	content: "\f135"!important;
}

.ui-grid-icon-up-dir:before {
  content: "\f145"!important;
}
<commit_msg>Add style for "select all" checkbox in ui-grid header<commit_after>// Tables
//
//<div class="styleguide-break"><i class="mdi mdi-alert"></i><span></span></div>
//
// Tables are used to give a overview of data, however, following the <a href="index.html" >Main concepts</a> of the styleguide, only relevant data should be displayed. In the cases where that is not possible, please use infinite scrolling or pagination to keep the page lightweight.
// If a table does take time to be loaded, a loading bar should be displayed during this time to indicate to the user that it will take some time and that the table is not broken.
//
// A table should be displayed in alphabetical order by default, unless there is an obvious way the user would want the data sorted. Even so, the ability to sort and search within the table is most welcome. 
//If the table can be sorted, it should have filled arrows in the header indicating the sorting direction (down for descending and up for ascending), clicking the header should change the sorting direction and the arrow direction.
//
//Cells containing numbers are right aligned using the 'number-cell' class to differentiate them from text content.</br>
//If you need to display bigger forms of data or need more complex actions such as importing/exporting, multi select or the ability to hide columns - take a look at the <a href="section-6.html#kssref-6.1">'Big table' in chapeter 6 - Scalability</a>.
//
//Styleguide 1.8
//

// Default table
//
//Markup:
//<table class="wfm-table">
//<thead><tr><th>texts</th><th>numbers</th></tr></thead>
//<tbody><tr><td>text1</td><td class="number-cell">2135847</td></tr>
// <tr><td>text1</td><td class="number-cell">2.3546</td></tr>
// </tbody>
//</table>
//
//Styleguide 1.8.1
//

.wfm-table {
	width: 100%;
  text-align: left;
}

.wfm-table td, .wfm-table th {
  border: 1px solid $gray012;
  color: $gray054;
  padding: $full-padding;
}

.wfm-table th, .wfm-table-header {
  color: $gray087;
  background-color: $blue-100;
  text-align: center;
  
}

.wfm-table .number-cell {
	text-align: right;
}


// Two dimensions table
//
//Markup:
//<table class="wfm-table wfm-table-multi">
//<thead><tr><th></th><th>column header</th><th>column header</th></tr></thead>
//<tbody><tr><td>row header</td><td>item1</td><td>item2</td></tr>
// <tr><td>row header</td><td>item3</td><td>item4</td></tr>
// </tbody>
//</table>
//
//Styleguide 1.8.2
//

.wfm-table-multi{
	th:first-child,td:first-child{
	  color: $gray087;
	  font-weight:600;
	  background-color: $blue-100;
	}
}

/* Datagrid */
.ui-grid-header-cell {
	@extend .wfm-table-header;
	border: none;

	 i{text-align:right; 
	 float:none;} 

	 &:hover{
		 background-color: $blue-300;
		 cursor: pointer;
	 }
}

.ui-grid{
	border-left: none;
	border-right:none;
}

.big-table-wrapper{
	h4 span{
		float:right;
		margin-right:16px;
		
		i{
			cursor:pointer;
		}
	}
}

.ui-grid-header-canvas{
	background-color:$blue-100;
}

.ui-grid-viewport.ng-isolate-scope {
  overflow-x: auto!important;
}

.ui-grid-top-panel{
	background:$white;
	color:$gray054;
}

.ui-grid-header{
	border: none;
}

.ui-grid-row .ui-grid-cell {
	border: none;
	background-color: $white !important;
	border-bottom: 1px solid $gray-300;
}
.ui-grid-header-cell .ui-grid-vertical-bar {
	display: none;
	text-align:left;
}

.ui-grid-menu-items {
	@extend .wfm-list;
	box-shadow:none !important;
	li:hover{
		box-shadow:none;
	}
}
.ui-grid-menu .ui-grid-menu-inner ul li:hover, .ui-grid-menu .ui-grid-menu-inner ul li.ui-grid-menu-item-active{
	box-shadow:none;
}
.ui-grid-menu .ui-grid-menu-inner ul li{
	padding: $full-padding;
}

.ui-grid-selection-row-header-buttons{
	opacity: 1; 
	color: $gray087;
}

.ui-grid-menu-button{
	top: -39px;
	background: transparent;
	border:none;
}

.ui-grid-row-selected::before{
	color: $gray087;
}

/*zebra stripe
.ui-grid-row:nth-child(odd) > [ui-grid-row] > .ui-grid-cell{
	background-color: $gray012!important; 
}*/


/*icons*/
.ui-grid-icon-ok:before {
	content: "\f1d6"!important;
}

.ui-grid-all-selected.ui-grid-icon-ok:before  {
	content: "\f1da"!important;
}

.ui-grid-row-selected .ui-grid-icon-ok:before  {
	content: "\f1da"!important;
}

.ui-grid-menu-item .ui-grid-icon-ok:before {
	content: "\f272"!important;
}

.ui-grid-menu-item .ui-grid-icon-cancel:before {
	content: "\f273"!important;
}

.ui-grid-icon-down-dir:before {
	content: "\f135"!important;
}

.ui-grid-icon-up-dir:before {
  content: "\f145"!important;
}

{'fraction_non_alphanumeric': 0.17309437386569873, 'fraction_numerical': 0.02234573502722323, 'mean_word_length': 3.599374021909233, 'pattern_counts': {'":': 0, '<': 133, '<?xml version=': 0, '>': 137, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6463029', 'n_tokens_mistral': 3468, 'n_tokens_neox': 3268, 'n_words': 811}