app.slack.com by apostololeg

/* ==UserStyle==
@name           Slack top bar autohide
@namespace      app.slack.com
@version        1.0.0
==/UserStyle== */

@-moz-document domain("app.slack.com") {
.p-client--a11y-layout .p-workspace__primary_view {
	max-height: 100%
}

.p-workspace-layout {
    grid-template-rows: 0 auto;
}

.p-top_nav {
	position: absolute;
	width: 100%;
    height: 50px;
    transform: translateY(-100%);
	transition: transform .2s ease-out;
	transition-delay: 500ms;
	background: #121016cf;
	backdrop-filter: blur(50px);
}

.p-top_nav:hover {
	transform: translateY(0%);
	transition-duration: .1s;
	transition-delay: 0ms;
}

.p-top_nav::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 30px;
	bottom: -15px;
}

.p-top_nav__search {
	background-color: rgba(255,255,255,.05);
    box-shadow: 0 0 0 2px rgb(255 255 255 / 5%) !important;
	transition: background-color .1s ease-out;
}

.p-top_nav__search:hover {
	background-color: rgba(255,255,255,.1) !important;
	box-shadow: 0 0 0 2px rgb(255 255 255 / 10%) !important;
}
}