/*
* "User Added CSS modifications for TUM IN Intranet"
* temporarily adapts content header to make it lean (without icons)
* adapts info message which is shown when voting already exists
* adapts workflow button
* adapts lowcode page creation button (button for votings)
*
* Code Location within cplace:
* Application settings - Custom CSS
*
* Last edited by: Nepomuk Heimberger
* Last edited date: 06.05.2021
*/

/* START - Temporary for 5.11 - Lean Content Header */
.cplace-content-header .cplace-views-and-actions ul.cplace-content-views > li > a > .cplace-content-view-icon, .cplace-content-header .cplace-views-and-actions ul.cplace-content-actions > li > a > .cplace-content-action-icon {
  display:none;
}
.cplace-content-header .cplace-page-h1{
  padding: 5px 0px 0px 0px
}
/* END */

/* adapts info message which is shown when voting already exists */
.lowcode-page-creation-existing-page-info {
  margin-bottom: 0.5em;
font-weight: bold;
text-align: left;
  padding-left: 5px;
}

/* bring workflow button in line with shown workflow status */
.cf-cplace-workflow-transition-button {
 margin-left: 5px;
}

/* START - Define styling of lowcode page creation button (button for votings) equal to the workflow transition button */
.lowcode-page-creation-button {
  /* move button closer to workflow button and/or status */
margin-top: -1em;
margin-left: 5px;
  /* align button with workflow button */
width: 180px;
border: 1px solid rgb(52, 64, 174);
background: linear-gradient(to right, rgb(52, 64, 174) 2.51em, transparent 2.51em);
position: relative;
display: inline-block;
padding: 1em 1em 1em 3.5em;
overflow: hidden;
z-index: 1;
cursor: pointer;
transition-property: color;
transition-duration: 0.5s;
}
/* additionally required, because .btn:not somehow overrules */ 
.btn.lowcode-page-creation-button {
border: 1px solid rgb(52, 64, 174);
}

.lowcode-page-creation-button:before {
background: rgb(52, 64, 174);

content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: scaleX(0);
transform-origin: 0 50%;
transition-property: transform;
transition-duration: 0.5s;
transition-timing-function: ease-out;
z-index: -1;
}

.lowcode-page-creation-button:hover:before {
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
color: white;
}
.lowcode-page-creation-button:hover {
color: white;
border: 1px solid rgb(52, 64, 174);
}

.lowcode-page-creation-button:focus {
outline: none;
}

/* END - Define styling of lowcode page creation button (button for votings) equal to the workflow transition button */

/* START - Adapt logo and workspace-menu-toggle */

/* add border below logo */
#hui-logo {
  border-bottom-color: #4c4c4c;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

/* add border below menu toggle */
#hui-workspace-menu-toggle {
  border-bottom-color: #4c4c4c;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

/* adapt menu toggle */
#hui-workspace-menu-toggle-placeholder {  
  height: auto !important;
  width: 20px !important;
}

/* hide cplace logo as menu toggle outside workspace context */
#hui-workspace-menu-toggle-placeholder .cf-cplace {
  display:none !important;  
}

#hui-page-tree > ul.jqtree-tree .jqtree-element.tree-level-1 {
    background: #3071b3;
}

#hui-page-tree > ul.jqtree-tree .jqtree-element.tree-level-1::after {
    border-top: 12px solid #3071b3;
}

/* END - Adapt logo and workspace-menu-toggle */