Files
dolibarr/htdocs/public/webportal/css/title-buttons.css
John BOTELLA f8988d3874 UIUX : webportal css style PART 01 (#35773)
* Add css

* FIX CSS and UX

* fix php doc
2025-10-17 00:48:25 +02:00

98 lines
2.2 KiB
CSS

/*
TITLE BUTTON
*/
.btnTitle, a.btnTitle {
display: inline-block;
padding: 6px;
font-weight: 400;
/* line-height: 1; */
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
position: relative;
/* margin: 0 0 0 8px; */
min-width: 60px;
text-align: center;
color: var(--primary);
font-size: 12px;
font-weight: 300;
/* background-color: var(--btncolorbg); */
border: 1px solid transparent;
}
a.btnTitle.btnTitleSelected {
border: 1px solid #ccc;
border-radius: 3px;
}
.btnTitle > .btnTitle-icon{
}
.btnTitle > .btnTitle-label{
color: #666666;
}
.btnTitle:hover, a.btnTitle:hover {
border: 1px solid #bbb;
border-radius: 3px;
position: relative;
text-align: center;
font-size: 12px;
text-decoration: none;
box-shadow: none;
}
/* The buttonplus is growing on hover (don't know why). This is to avoid to have the cell growing too */
.btnTitlePlus:hover {
/* max-width: 24px; */ /* max width is a problem when the button has a text under */
max-height: 42px;
}
.btnTitle.refused, a.btnTitle.refused, .btnTitle.refused:hover, a.btnTitle.refused:hover {
color: #8a8a8a;
cursor: not-allowed;
background-color: #fbfbfb;
background: repeating-linear-gradient( 45deg, #ffffff, #f1f1f1 4px, #f1f1f1 4px, #f1f1f1 4px );
}
.btnTitle:hover .btnTitle-label {
color: var(--btncolorborderhover);
}
.btnTitle.reposition:not(.btnTitleSelected) {
background-color: unset;
border: unset;
}
.btnTitle.refused .btnTitle-label, .btnTitle.refused:hover .btnTitle-label {
color: #8a8a8a;
}
.btnTitle>.fa {
font-size: 2em;
display: block;
}
div.pagination li:first-child a.btnTitle, div.pagination li.paginationafterarrows a.btnTitle,
table.table-fiche-title tr.toptitle td.col-center div.nowraponall a.btnTitle,
table.table-fiche-title tr.titre td.col-center div.nowraponall a.btnTitle,
table.table-fiche-title tr.toptitle td.col-right a.btnTitle,
table.table-fiche-title tr.titre td.col-right a.btnTitle {
margin-left: 10px;
}
.button-title-separator{
display: inline-block;
clear: both;
width: 20px;
}