Update 媒体库 Hover 后居中显示库名

README.md

@@ -12,6 +12,8 @@ _Emby 增强/美化 插件 (适用于 Chrome 内核浏览器)_
 
 如: `"include_globs": ["*//tv.emby.media/*"]`
 
+如不需要 媒体库 鼠标悬浮 后居中显示库名, 请更改 static\css\style.css 文件内 第 37 行
+
 ## 动画预览 (因 LOGO 入场动画过于优先, 效果可能略差, 最新版已更改, 视频等待更新, 具体效果可以自行尝试)
 
 https://user-images.githubusercontent.com/18238152/235517763-5ee7fe21-87e7-414f-a1cd-b2c6fadbb8d5.mp4
@@ -25,7 +27,6 @@ Chrome 扩展设置 > 开发者模式 > 加载已解压的扩展程序 > 直接
 -   封装为单 JS/CSS, 供客户端使用
 -   内封装进 Misty Media 客户端
 -   播放跳转第三方播放器功能
--   媒体库 Hover 后居中显示库名
 
 ---
 

static/css/style.css

@@ -22,16 +22,38 @@
 	padding-top: 0 !important;
 }
 
-.view:not(.hide) .itemsContainer-finepointerwrap{
+.view:not(.hide) .itemsContainer-finepointerwrap {
 	flex-wrap: initial !important;
 	-webkit-flex-wrap: initial !important;
 }
 
-.view:not(.hide) .section0{
+.view:not(.hide) .section0 {
 	z-index: 2;
 }
 
-.view:not(.hide) .section0 .cardText,
+.view:not(.hide) .section0 .cardText {
+	position: absolute;
+	top: 0;
+	display: flex; /* 如果不需要媒体库标题显示, 请将flex改为none */
+	width: 100%;
+	height: 100%;
+	padding: 0;
+	background-color: rgba(0, 0, 0, .5);
+	font-weight: bolder;
+	font-size: larger;
+	border-radius: 0.3em;
+	transition: .2s;
+	opacity: 0;
+}
+
+.view:not(.hide) .section0 .backdropCard:hover .cardText {
+	opacity: 1;
+}
+
+.view:not(.hide) .section0 .cardText button {
+	text-decoration: none;
+}
+
 .view:not(.hide) .section0 .cardOverlayContainer,
 .view:not(.hide) .section0 .sectionTitleContainer {
 	display: none;