phpldapadmin/public/css/fixes.css
Deon George 2ccc1d3b83 Framework update and updates from other projects,remove leenooks/laravel
Framework updates, and hack to get CI testing working
2021-12-11 00:24:00 +11:00

150 lines
3.3 KiB
CSS
Vendored

body {
font-size: 0.85em;
}
/* Fixes for data tables */
/* Fix pagination buttons */
.dataTables_wrapper .dataTables_paginate .paginate_button {
padding: 0 0;
margin-left: 0;
border: 0 solid;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
border: 0 solid;
background: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
box-shadow: 0 0 0 #fff;
background-color: #fff;
}
/* Remove multiple sorting images on tables */
table.dataTable thead .sorting_asc {
background-image: none !important;
}
table.dataTable thead .sorting_desc {
background-image: none !important;
}
table.dataTable thead .sorting {
background-image: none !important;
}
/* Remove blue border from chrome on buttons */
/* Remove outline for non-keyboard :focus */
*:focus:not(.focus-visible) {
outline: none !important;
box-shadow: none !important;
}
/* Optional: Customize .focus-visible */
.focus-visible {
outline-color: lightgreen;
}
*:disabled {
cursor: not-allowed;
}
/* A selected indicator - used with icons */
.tag-selected {
color: orange;
}
.tag-selected:hover {
cursor: pointer;
}
.card-header h3.card-title {
font-size: 1.0rem;
}
/** SIDEBAR FIXES **/
/**
The sidebar has a few states:
+ Wide Screen
- Open (app-container fixed-sidebar) &
- Closed (app-container fixed-sidebar closed-sidebar) &
- Hover Open (app-sidebar:hover)
+ Medium Screen
- Closed (app-container fixed-sidebar closed-sidebar-mobile closed-sidebar) &
- Hover Open (app-sidebar:hover)
+ Small Screen
- Missing (?) &
- Click Open (app-container fixed-sidebar closed-sidebar-mobile closed-sidebar sidebar-mobile-open)
*/
/* Fancy Tree Fixes */
/** Remove the border around the tree **/
ul.fancytree-container {
border: 0;
}
/** Tree Placement **/
#tree > ul {
padding-left: 0;
}
/** Fix tree rendering **/
.fancytree-node {
line-height: 1.75em;
}
/** Fix position of tree expander and checkbox */
span.fancytree-checkbox, span.fancytree-custom-icon, span.fancytree-expander, span.fancytree-icon {
margin-top: 4px;
}
/* Position branch center of icon */
ul.fancytree-container ul {
padding: 0 0 0 20px;
}
/* Show treeicon when collapsed and remove it when open */
/* @todo treeicon appears when not hovering on page in small mode */
.sidebar-mobile-open:hover #treeicon, /* small */
.fixed-sidebar #treeicon, /* wide */
.fixed-sidebar .app-sidebar:hover #treeicon /* wide & closed:hover */
{
display: none;
}
.closed-sidebar #treeicon
{
opacity: 1;
display: inline;
}
/* Architect Fixes */
/** Remove the Cyan vertical line from the tree **/
.vertical-nav-menu #tree ul:before {
opacity: 0;
}
/** Fix elipse icon (top right) on small display */
.closed-sidebar .app-header.header-text-light .app-header__menu .mobile-toggle-header-nav {
background: #343a40;
}
/* Hide tree when collapsed and show it when open */
/* @todo tree disappears when not hovering on page in small mode - related to #treeicon - see server icons they work? */
.sidebar-mobile-open:hover #tree, /* small */
.fixed-sidebar #tree, /* wide */
.fixed-sidebar .app-sidebar:hover #tree /* wide & closed:hover */
{
display: block;
}
.closed-sidebar #tree {
display: none;
}
/** Server icons **/
.closed-sidebar .server-icon {
display: none;
}
.closed-sidebar .app-sidebar:hover .server-icon, .sidebar-mobile-open .server-icon {
display: flex;
}