<commit_before>/**
 * ownCloud - Music app
 *
 * This file is licensed under the Affero General Public License version 3 or
 * later. See the COPYING file.
 *
 * @author <NAME> <<EMAIL>>
 * @author <NAME> <<EMAIL>>
 * @copyright <NAME> 2013, 2014
 * @copyright <NAME> 2016 - 2022
 */

#app-navigation {
	padding-bottom: calc(44px + var(--body-container-margin, 0px)) !important;
	z-index: 999;
	display: block;
}

#app-navigation .app-navigation-separator {
	border-bottom: 1px solid #dbdbdb;
}

#app-navigation .music-navigation-item {
	height: 44px;
}

#app-navigation .music-navigation-item-content {
	padding-left: 0 !important;
	line-height: 44px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
}

#app-navigation .music-navigation-item-content * {
	cursor: pointer;
}

#app-navigation .music-navigation-item:not(:hover):not(.active):not(.menu-open) .music-navigation-item-content {
	opacity: 0.7;
}

#app-navigation-toggle {
	height: 66px;
}

#app-navigation .action {
	margin-right: 5px;
	float: right;
	width: 24px;
	height: 24px;
	padding: 5px;
}

#app-navigation .action.icon-checkmark, 
#app-navigation .action.icon-close {
	margin-top: 10px !important;
}

#app-navigation .play-pause-button {
	display: inline-block;
	width: 40px;
	height: 100%;
	background-size: 16px;
}

#app-navigation .play-pause-button:hover,
#app-navigation .current .play-pause-button {
	background-image: unset
}

#app-navigation .play-pause {
	margin-left: 16px;
}

#app-navigation .current:not(.playing) :hover .play-pause {
	background-image: url(../img/play-big.svg);
}

#app-navigation .current.playing :hover .play-pause {
	background-image: url(../img/pause-big.svg)
}

#app-navigation #new-playlist > * {
	display: inline-block;
	height: 100%;
}

#app-navigation #new-playlist .icon-add {
	width: 40px;
	height: 44px;
	cursor: pointer;
}

#app-navigation #new-playlist:not(:hover) .icon-add {
	opacity: 0.7;
}

#app-navigation #new-playlist #create {
	padding-left: 4px;
	box-shadow: unset;
	position: absolute;
	width: auto;
	right: 0;
	left: 40px;
}

#app-navigation li.drag-hover {
	background-color: rgba(0,0,0,0.04);
}

#app-navigation .actions {
	position: absolute;
	right: 0;
	height: 100%;
	width: 44px;
}

#app-navigation .item-with-actions .actions {
	height: 100%;
	width: 44px;
	top: 0;
}

#app-navigation .item-with-actions .actions .icon-more {
	display: none;
	padding: 5px;
	opacity: .4;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#app-navigation .item-with-actions.active .actions .icon-more,
#app-navigation .item-with-actions.menu-open .actions .icon-more,
#app-navigation .item-with-actions:hover .actions .icon-more {
	display: inline-block;
}

#app-navigation .item-with-actions .actions .icon-more:hover {
	opacity: 1.0;
}

#app-navigation .item-with-actions .actions .icon-loading-small {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#app-navigation .item-with-actions .actions .popovermenu a {
	box-shadow: unset; /* older NC versions mistakenly apply also here the blue edge meant for navi pane items */
}

#app-navigation button.disabled {
	opacity: .5;
	pointer-events: none;
}

#app-navigation .input-container {
	position: absolute;
	left: 35px;
	right: 65px;
	width: auto;
}

#app-navigation .input-container input {
	width: 100%;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	margin-left: 0;
	margin-bottom: 6px;
	margin-top: 6px;
	margin-right: 5px;
	height: 32px;
	cursor: text;
}

#app-navigation .icon-checkmark {
	position: absolute;
	right: 30px;
	float: none;
}

#app-navigation #music-nav-settings {
	position: fixed;
	width: unset;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 300px;
	margin: var(--body-container-margin);
	z-index: 140;
}

.legacy-layout #app-navigation #music-nav-settings {
	max-width: 250px;
}

#app-navigation #music-nav-settings > a:first-child img {
	vertical-align: text-top;
	width: 16px;
	height: 16px;
	margin-right: 11px;
	margin-top: 1.5px;
}
<commit_msg>Make the "drag hover" effect on the navigation pane a bit more visible<commit_after>/**
 * ownCloud - Music app
 *
 * This file is licensed under the Affero General Public License version 3 or
 * later. See the COPYING file.
 *
 * @author <NAME> <<EMAIL>>
 * @author <NAME> <<EMAIL>>
 * @copyright <NAME> 2013, 2014
 * @copyright <NAME> 2016 - 2022
 */

#app-navigation {
	padding-bottom: calc(44px + var(--body-container-margin, 0px)) !important;
	z-index: 999;
	display: block;
}

#app-navigation .app-navigation-separator {
	border-bottom: 1px solid #dbdbdb;
}

#app-navigation .music-navigation-item {
	height: 44px;
}

#app-navigation .music-navigation-item-content {
	padding-left: 0 !important;
	line-height: 44px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
}

#app-navigation .music-navigation-item-content * {
	cursor: pointer;
}

#app-navigation .music-navigation-item:not(:hover):not(.active):not(.menu-open) .music-navigation-item-content {
	opacity: 0.7;
}

#app-navigation-toggle {
	height: 66px;
}

#app-navigation .action {
	margin-right: 5px;
	float: right;
	width: 24px;
	height: 24px;
	padding: 5px;
}

#app-navigation .action.icon-checkmark, 
#app-navigation .action.icon-close {
	margin-top: 10px !important;
}

#app-navigation .play-pause-button {
	display: inline-block;
	width: 40px;
	height: 100%;
	background-size: 16px;
}

#app-navigation .play-pause-button:hover,
#app-navigation .current .play-pause-button {
	background-image: unset
}

#app-navigation .play-pause {
	margin-left: 16px;
}

#app-navigation .current:not(.playing) :hover .play-pause {
	background-image: url(../img/play-big.svg);
}

#app-navigation .current.playing :hover .play-pause {
	background-image: url(../img/pause-big.svg)
}

#app-navigation #new-playlist > * {
	display: inline-block;
	height: 100%;
}

#app-navigation #new-playlist .icon-add {
	width: 40px;
	height: 44px;
	cursor: pointer;
}

#app-navigation #new-playlist:not(:hover) .icon-add {
	opacity: 0.7;
}

#app-navigation #new-playlist #create {
	padding-left: 4px;
	box-shadow: unset;
	position: absolute;
	width: auto;
	right: 0;
	left: 40px;
}

#app-navigation li.drag-hover {
	background-color: rgba(0,0,0,0.06);
}

#app-navigation .actions {
	position: absolute;
	right: 0;
	height: 100%;
	width: 44px;
}

#app-navigation .item-with-actions .actions {
	height: 100%;
	width: 44px;
	top: 0;
}

#app-navigation .item-with-actions .actions .icon-more {
	display: none;
	padding: 5px;
	opacity: .4;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#app-navigation .item-with-actions.active .actions .icon-more,
#app-navigation .item-with-actions.menu-open .actions .icon-more,
#app-navigation .item-with-actions:hover .actions .icon-more {
	display: inline-block;
}

#app-navigation .item-with-actions .actions .icon-more:hover {
	opacity: 1.0;
}

#app-navigation .item-with-actions .actions .icon-loading-small {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#app-navigation .item-with-actions .actions .popovermenu a {
	box-shadow: unset; /* older NC versions mistakenly apply also here the blue edge meant for navi pane items */
}

#app-navigation button.disabled {
	opacity: .5;
	pointer-events: none;
}

#app-navigation .input-container {
	position: absolute;
	left: 35px;
	right: 65px;
	width: auto;
}

#app-navigation .input-container input {
	width: 100%;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	margin-left: 0;
	margin-bottom: 6px;
	margin-top: 6px;
	margin-right: 5px;
	height: 32px;
	cursor: text;
}

#app-navigation .icon-checkmark {
	position: absolute;
	right: 30px;
	float: none;
}

#app-navigation #music-nav-settings {
	position: fixed;
	width: unset;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 300px;
	margin: var(--body-container-margin);
	z-index: 140;
}

.legacy-layout #app-navigation #music-nav-settings {
	max-width: 250px;
}

#app-navigation #music-nav-settings > a:first-child img {
	vertical-align: text-top;
	width: 16px;
	height: 16px;
	margin-right: 11px;
	margin-top: 1.5px;
}

{'fraction_non_alphanumeric': 0.15748804121182386, 'fraction_numerical': 0.03434318655709555, 'mean_word_length': 3.956838905775076, 'pattern_counts': {'":': 0, '<': 19, '<?xml version=': 0, '>': 23, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4789155', 'n_tokens_mistral': 3334, 'n_tokens_neox': 3050, 'n_words': 714}