feat: release v0.0.1

dist/core/plugins/settings/settings.css

@@ -0,0 +1,93 @@
+.video-js {
+	.vjs-control-bar {
+		.vjs-settings-button {
+			.vjs-menu {
+				z-index: 10 !important;
+				&.vjs-lock-showing {
+					width: 100%;
+
+					.vjs-menu-content {
+						height: fit-content;
+						bottom: 3em;
+						width: 340px;
+						left: -220px;
+					}
+				}
+			}
+		}
+	}
+
+	&.vjs-mobile-ui {
+		.vjs-control-bar {
+			.vjs-settings-button {
+				.vjs-menu {
+					&.vjs-lock-showing {
+						width: 100%;
+						position: fixed;
+
+						.vjs-menu-content {
+							border-radius: 0;
+							width: 100vw;
+							height: 100vh;
+							padding-top: 50vh;
+							padding-left: 20px;
+							padding-right: 20px;
+							padding-bottom: 5px;
+							max-height: 100vh;
+							position: fixed;
+							top: 0;
+							left: 0;
+							/* top: 85%;
+								left: 50%; */
+							/* transform: translate(-50%, -85%); */
+
+							background: rgba(
+								0,
+								0,
+								0,
+								0.5
+							); /* затемнение в области паддингов */
+
+							&:hover {
+								border-radius: 0 !important;
+							}
+
+							&::before {
+								content: "";
+								position: absolute;
+								top: 50vh;
+								left: 20px;
+								right: 20px;
+								bottom: 5px;
+								background: var(--Default-BgDarken);
+								border-radius: 10px; /* желаемый border-radius */
+							}
+
+							.vjs-menu-item {
+								position: relative;
+								z-index: 2;
+								border-radius: 0;
+
+								&:hover {
+									border-radius: 0 !important;
+								}
+							}
+
+							@media (orientation: landscape) {
+								padding-top: 20px;
+								padding-left: 25vw;
+								padding-right: 25vw;
+
+								&::before {
+									top: 20px;
+									left: 25vw;
+									right: 25vw;
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+}