gamutable/css/gamutable.scss

102 lines
1.4 KiB
SCSS

.gamutable--surTable {
select,
input {
margin-bottom: 0;
}
.gamutable-nbrMax {
margin-left: 2rem;
}
}
.gamutable--sousTable {
display: flex;
justify-content: space-between;
}
.gamutable--pagination {
display: flex;
}
.gamutable__input--rechercher {
padding: 0.25rem 1rem;
}
.gamutable table {
// patch provisoire
.vue-dropdown-item > span {
display: inline-block;
min-height: 1rem;
}
font-size: 1rem;
table-layout: auto;
thead {
border: 1px solid rgb(119, 119, 119);
}
th > div {
display: flex;
}
.label_tete_colonne {
flex-grow: 1;
}
.iconeTri {
float: right;
width: 1rem;
//position: relative;
}
.tri_col {
cursor: pointer;
fill: #cecece;
}
.iconeTri > .active {
fill: #000;
}
}
#app .select {
background-color: rgba(179, 209, 67, 0.47);
}
td.id {
cursor: pointer;
}
th.icone {
width: 30px;
text-align: center;
}
tr.filtreColonne th {
padding: 0;
select {
margin: 0;
}
}
td.icone > * {
width: 100%;
display: block;
padding: 0.5rem;
text-align: center;
}
div.gamutable .url_action {
padding: 0.2rem;
display: inline-block;
background-color: #f5f5f5;
border: 1px solid #cecece;
border-radius: 5px;
&:hover {
background-color: #cecece;
}
}
td.icone i {
font-size: 1.8rem;
}
.vueBlocs {
display: flex;
flex-wrap: wrap;
}
.vueBlocs-unbloc {
width: 23%;
border: 1px solid #cecece;
margin-bottom: 1rem;
margin-right: 1rem;
}