The Calendar You've Been Waiting For
You can copy and paste these examples into the CSS and Styles section of DayBack Admin section. See this overview of how to change DayBack CSS and Styles.
How can I hide the status or resource filters on the sidebar?
.filters-status { display: none; }
.filters-resource { display: none; }
How can I compress the height of status and resource filters to see more at once?
/* Compress the height of the filters in the sidebar */ .sidebar-filters .list-selector, .sidebar-filters .list-selector.selected, .sidebar-filters .list-selector-icon, .sidebar-filters .sidebar-drag-item{ line-height: 20px; height: 20px; min-height: 20px; } .sidebar-filters .list-selector .calendarColor { height: 17px; margin-top: 2px; } .sidebar-filters .list-selector .fa-cog{ font-size: 15px; } /* Adjust filters header block */ .sidebar-filters .header-block { width: 100%; height: 30px; line-height: 30px; } .sidebar-filters .header-block button { padding-top: 2px; } /* Adjust text filter container */ .sidebar-filters .search-wrapper { line-height: 20px; min-height: 25px; } .sidebar-filters .search-wrapper textarea{ height: 17px !important; margin-top: 5px; margin-bottom: 0px; } .sidebar-filters .search-wrapper .fa-search, .sidebar-filters .search-wrapper .fa-times{ margin-top: 1px; } /* Adjust selected folder indicator */ .list-selector.is-filtered:before { bottom: 0px; height: 2px; }