Skip to content

Instantly share code, notes, and snippets.

@prigaux
Last active July 10, 2024 17:38
Show Gist options
  • Select an option

  • Save prigaux/c525bed560dafd43778522c9738168a5 to your computer and use it in GitHub Desktop.

Select an option

Save prigaux/c525bed560dafd43778522c9738168a5 to your computer and use it in GitHub Desktop.
a[title="Base de connaissances"],
a[title="Impression pdf"],
a[title="Ticket"],
a[title="Changements"],
a[title="Éléments"],
a[title="Tâches de projet"],
a[title="Coûts"],
a[title="Tous"] {
display: none;
}
/*******************************************/
/* page d'un ticket */
/*******************************************/
/* attributs qu'on/je n'utilise pas */
.form-field:has([name=time_to_own]),
.form-field:has([name=internal_time_to_own]),
.form-field:has([name=internal_time_to_resolve]),
.form-field:has(label[for^=_]),
.form-field:has(label[for^=global_validation_]),
.form-field:has([name=urgency]),
.form-field:has([name=impact]),
.form-field:has([name=locations_id]),
.form-field:has([name=type]),
.form-field:has([name=requesttypes_id]),
.accordion-item:has([aria-controls=items]),
label[for^="slas_id_ttr_"] {
display: none !important;
}
/* déplacer le bouton "Sauvegarder" en bas à droite */
#right-actions button[name=update] {
position: fixed;
bottom: 0.3rem;
right: 0.3rem;
border-radius: 4px;
}
/* ajouter un bouton avec icone "Sauvegarder" en haut à droite */
#right-actions button[name=update]:before {
font-family: "Font Awesome 6 Free";
content: "";
padding: 0.3rem 0.6rem;
position: fixed;
top: 2.7rem;
right: 0.3rem;
border-radius: 4px;
background: #fec95c;
}
/* faire un peu de place pour le bouton ci-dessus */
.navigationheader {
margin-right: 1rem;
}
/* rendre plus visible la description du ticket */
.navigationheader-title {
font-size: 1.3rem;
background: #ff0;
}
/* rendre plus visible le texte du statut */
#item-main select[name=status] ~ .select2-container .select2-selection__rendered,
#item-main div:has(> .itilstatus) {
font-weight: bold;
font-size: 1.2rem;
background: #ff0;
}
/* boutons qu'on/je n'utilise pas */
a[href="/front/ticket.form.php?showglobalkanban=1"] {
display: none;
}
/* bouton en doublon */
a[href="/front/ticket.php"][title="Assistance"] {
display: none;
}
/* plus compact */
.page-body { margin-top: 0.3rem }
#page .navigationheader { padding: 0 }
.accordion-item .item-title { font-size: 0.7rem }
.accordion-item .badge { display: none }
.accordion-button { padding: 0.2rem; }
.itil-right-side .accordion-header { background-color: #eee; }
#itil-form { background-color: #ffe; }
.accordion-body { padding: 0.2rem; }
#tabspanel.nav-tabs .nav-link { font-size: 0.6rem }
#tabspanel { min-width: 0px !important }
#linked_tickets .list-group-item {
padding: 0;
}
/* pouvoir sélectionner l'adresse mail d'un demandeur étudiant */
#actors .select2-container .select2-selection--multiple {
Xuser-select: initial !important;
}
#actors .actor_text {
user-select: all;
}
/* cacher le menu perso en haut à droite */
.navbar, .navbar .navbar-nav { min-height: 0 }
.btn-group:has([data-bs-original-title="Entité racine > DSIUN"]) { display: none }
/* rapetisser le menu de boutons à gauche */
body.navbar-collapsed {
.sidebar { width: 25px; }
#navbar-menu .nav-link { padding: 0 !important }
}
.navbar-expand-lg.navbar-vertical ~ .page-wrapper { margin-left: 25px !important; }
.itil-object .itil-right-side { border-left-width: 4px; }
/* et lui enlever des choses que je n'utilise pas */
aside {
li[title="Parc"],
li[title="Gestion"],
li[title="Configuration"],
[data-bs-original-title="Ctrl+Alt+G"] {
display: none !important;
}
}
/* rendre plus lisible l'info quand/qui sur un suivi */
.timeline-item .timeline-header .creator .badge {
font-weight: normal;
background-color: #afa;
span {
font-size: 0.8rem;
}
a {
color: black !important;
}
}
/* rendre plus lisible les suivis */
.timeline-item.ITILFollowup .timeline-content {
background-color: #ffe;
background-image: none;
}
.timeline-item.ITILFollowup .timeline-content.t-right::after {
border-color: #ffe transparent transparent #ffe;
}
/* une couleur spécifique pour prigaux */
.timeline-item.ITILFollowup:has(.user-part a[href="/front/user.form.php?id=70"]) .timeline-content {
background-color: #eff;
}
/* une couleur spécifique pour aanli */
.timeline-item.ITILFollowup:has(.user-part a[href="/front/user.form.php?id=8"]) .timeline-content {
background-color: #fef;
}
/* pas de scroll pour la div des suivis + mettre les infos à droite en fixed */
.itil-object {
height: auto;
}
.itil-right-side {
position: fixed !important;
right: 0;
width: 28%;
}
#itil-object-container {
width: 70%
}
.itil-left-side {
width: 100%
}
/* on inverse les suivis, sauf la description du ticket qu'on garde en haut */
.itil-timeline.flex-column {
flex-direction: column-reverse !important;
margin-top: 20rem;
}
.timeline-item.mb-3.ITILContent {
position: absolute;
top: 10px;
overflow-y: scroll;
min-width: 60%;
width: 70%;
z-index: 1;
input[name=name] {
background: #ff0;
}
}
.timeline-item.mb-3.ITILContent:not(:has(iframe)) {
max-height: 20rem;
}
/* suivis plus large */
.timeline-item.mb-3.ITILFollowup {
width: 100%;
}
/* le titre sur la description du ticket est redondant, on le cache */
.timeline-item.mb-3.ITILContent .card-title {
display: none;
}
.timeline-more-actions {
width: 75px;
pointer-events: none;
}
.timeline-item-buttons .dropdown-menu {
z-index: initial;
top: -8px; left: 5px;
display: flex;
min-width: 0;
.dropdown-item {
padding-right: 0.3rem;
min-width: 0;
span {
display: none;
}
}
}
/* nouveau suivi : en popup, avec tinymce bcp plus large */
#new-itilobject-form {
position: fixed;
top: 10vh;
min-width: 63vw;
padding: 0 1rem 0 2rem !important;
z-index: 1;
background: #606f91;
}
.timeline-item:has(iframe) {
background: #606f91;
}
#new-itilobject-form, .itilfollowup:has(form) {
.tox {
width: 100% !important;
height: 45vh !important;
}
form > .mx-xxl-auto {
margin: 0 !important;
}
form > .mx-xxl-auto > div {
width: 88%;
}
/* prendre moins de place pour le choix de gabarit (par utilisé?) et le bouton suivi privé */
form > .mx-xxl-auto > div.pe-xxl-auto {
width: 12%;
margin-top: 3rem;
}
/* rapetisser/compacter le texte au dessus du dépot de document, pour gagner de la place pour le tinymce */
.draghoverable {
font-size: 0.6rem;
}
.fileupload_info {
margin-bottom: 0;
}
/* rendre le bouton pour fermer le suivi plus visible */
.close-itil-answer {
background-color: #008;
color: white;
}
/* on cache l'avatar pour le nouveau suivi, car il n'est pas utile */
.avatar {
display: none;
}
.timeline-item .timeline-content::before,
.timeline-item .timeline-content::after {
content: none;
}
}
/* afficher les lignes d'historique par défaut, mais pas trop gros */
.timeline-item.Log {
display: block !important;
&, .timeline-header { margin-bottom: 0.1rem !important; }
.content-part { margin-right: -1.5rem; }
.read-only-content { padding: 0.25em 0; }
.badge { background-color: #dfd !important }
&, span { font-size: 0.65rem !important; }
}
/* permettre d'afficher l'historique plus facilement */
.XXfilter-timeline-popover {
/* on l'affiche tout le temps, juste au dessus du bouton qui ouvre ce popup */
display: block !important;
top: 0;
/* on n'affiche que le choix "Historique" */
div > div > li:not(:last-child) {
display: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment