/*
 * Copyright (c) 2022 Evolveum and contributors
 *
 * This work is dual-licensed under the Apache License 2.0
 * and European Union Public License. See LICENSE file for details.
 */

/*
 * All styles related to tables, columns (e.g. check, icon columns and others)
 */

// todo move styles from midpoint.scss

//table context menu border fix
th.cog, td.cog {
  & ul.dropdown-menu.pull-right {
    border-color: #337ab7;
  }
}
//end table context menu border fix



// Tables where the first column is the name of the property/attribute
// (e.g. audit log item details)
// see MID-4300

td.prop-name {
  min-width: 90px;
  font-weight: bold;
}

th.icon {
  // The content of this column is just a single icon.
  // WARNING: this means both the header and the table data
  //          have just a single icon. No text.
  // See com.evolveum.midpoint.web.component.data.column.IconColumn
  width: 30px;
}

th.mid-width-column, td.mid-width-column {
  width: 180px;
}

th.min-width-column, td.min-width-column {
  width: 70px;
}

th.max-width-column, td.max-width-column {
  width: 350px;
}

th.shrink {
  // We want this column to fit as tightly as possible.
  // E.g. for columns that have textual label but
  // the content is just an icon or something much smaller
  // than the header.
  width: -moz-min-content;
}

th.countLabel{
  // The content of this column is just some integer value.
  // WARNING: this means both the header and the table data
  //          have just some integer value.
  // See com.evolveum.midpoint.web.page.admin.certification.PageCertDecisions
  width: 70px;
}

td.rounded-icon-column div.img-circle {
  background-color: #f5f5f5;
}
