Merge pull request #1875 from rern/UPDATE

Update
rern · Feb 15, 2025 · e948b55 · e948b55
2 parents 3188887 + 6414944
commit e948b55
Show file tree

Hide file tree

Showing 21 changed files with 533 additions and 438 deletions.
diff --git a/srv/http/assets/css/camilla.css b/srv/http/assets/css/camilla.css
@@ -17,23 +17,23 @@
 #out::before {
 	position: absolute;
 	display: block;
-	left: -60px;
+	left: -90px;
 	top: calc(50% - 8px);
-	width: 45px;
+	width: 77px;
 	line-height: 16px;
 	text-align: center;
 	background: var( --cg );
 	border-radius: 3px;
 }
 #in::before {
 	color: #000;
-	background: var( --cgl );
+	background: var( --cg50 );
 }
 #in::before {
-	content: 'In';
+	content: 'Capture';
 }
 #out::before {
-	content: 'Out';
+	content: 'Playback';
 }
 .bar {
 	position: absolute;
@@ -138,7 +138,7 @@
 	vertical-align: 4px;
 	text-align: center;
 	color: var( --cw );
-	background-color: var( --cga );
+	background-color: var( --cg );
 }
 .db {
 	float: left;
@@ -289,6 +289,9 @@ i.bypassed {
 .tab li:not( :focus-visible ):hover {
 	background: var( --cgd );
 }
+.tab li.graph:hover {
+	background: none;
+}
 .tab .divdest {
 	padding-bottom: 20px;
 }
@@ -439,11 +442,19 @@ i.disabled {
 	right: 150px !important;
 }
 #eq .bottom {
-	bottom: 50px !important;
+	bottom: 60px !important;
 }
 #codeoutput {
 	margin-top: 15px;
 }
+cc {
+	background: var( --cg50 );
+	color: #000;
+}
+cp {
+	background: var( --cg );
+	color: var( --cw );
+}
 
 @media (max-width: 610px) {
 	.liicon { display: none }

diff --git a/srv/http/assets/css/colors.css b/srv/http/assets/css/colors.css
@@ -9,6 +9,7 @@
 	--cg75 : hsl(200,  3%,75%); /* gray-75% */
 	--cg70 : hsl(200,  3%,70%); /* gray-70% */
 	--cg60 : hsl(200,  3%,60%); /* gray-60% */
+	--cg50 : hsl(200,  3%,50%); /* gray-50% */
 	--cgl  : hsl(200,  3%,40%); /* gray-light */
 	--cg   : hsl(200,  3%,30%); /* gray */
 	--cga  : hsl(200,  3%,20%); /* gray-active */

diff --git a/srv/http/assets/css/common.css b/srv/http/assets/css/common.css
@@ -10,7 +10,7 @@
 
 @font-face {
 	font-family : rern;
-	src         : url( '/assets/fonts/rern.woff2?v=1736950183' );
+	src         : url( '/assets/fonts/rern.woff2?v=1739235523' );
 }
 @font-face {
 	font-family : Lato;
@@ -397,6 +397,8 @@ codered  {
 }
 
 c,
+cc,
+cp,
 code {
 	font-family: 'Inconsolata';
 	font-size: 15px;

diff --git a/srv/http/assets/css/equalizer.css b/srv/http/assets/css/equalizer.css
@@ -36,8 +36,7 @@
 /* size - position */
 #eq           { height : var( --eqAllH ) }
 #eq i         { width  : var( --eqBandW ) }
-#eq .vertical { top    : var( --eqSliderT );
-                width  : var( --eqSliderH ); }
+#eq .vertical { width  : var( --eqSliderH ) }
 #eq .label a  { width  : var( --eqLabel ) }
 #eq input     { height : var( --eqBandW ) }
 #eqname,
@@ -92,8 +91,10 @@
 #eq .vertical {
 	position: relative;
 	max-width: 300px;
-	margin: 0 auto;
+	margin: 0;
 	transform : rotate( -90deg );
+	transform-origin: top left;
+	translate: 10px 300px;
 }
 #eq .vertical::before { /* flat line */
 	position: absolute;

diff --git a/srv/http/assets/css/main.css b/srv/http/assets/css/main.css
@@ -12,7 +12,7 @@
 .band,
 .emptyadd,
 #volume-text { z-index: 102 }
-#refresh { z-index: 100 }
+div.pagerefresh { z-index: 100 }
 #lib-search,
 #pl-search { z-index: 96 }
 .coveredit,
@@ -226,7 +226,7 @@ i.map.disabled, .map.disabled i {
 	opacity: 0.5;
 }
 /* ---------------------- bars ----------------------*/
-#refresh {
+div.pagerefresh {
 	position: fixed;
 	width: 40px;
 	height: 40px;

diff --git a/srv/http/assets/css/settings.css b/srv/http/assets/css/settings.css
@@ -295,6 +295,7 @@ heading i.disabled {
 	font-size: 16px;
 	font-weight: 300;
 	color: var( --cg60 );
+	text-shadow: var( --shadow-text );
 	cursor: pointer;
 }
 #bar-bottom div.active span {
@@ -304,7 +305,6 @@ heading i.disabled {
 	vertical-align: middle;
 	font-size: 24px;
 	color: var( --cw );
-	text-shadow: var( --shadow-text );
 }
 #bar-bottom span {
 	margin-left: 10px;

diff --git a/srv/http/assets/js/addons.js b/srv/http/assets/js/addons.js
@@ -39,24 +39,27 @@ $( '.container' ).on( 'click', '.revision', function() {
 	}
 } ).on( 'click', '.thumbnail', function() {
 	if ( S.status.online ) $( this ).prev().find( '.source' )[ 0 ].trigger( 'click' );
-} ).press( '.install', function( e ) {
-	if ( ! S.status.online ) return
-
-	addonData( $( e.currentTarget ) );
-	info( {
-		  icon     : icon
-		, title    : V.addon.title
-		, list     : [ 'Branch / Release', 'text' ]
-		, boxwidth : 200
-		, values   : 'UPDATE'
-		, ok       : () => {
-			V.branch = infoVal();
-			if ( ! V.branch ) return
-
-			V.installurl = V.addon.installurl.replace( 'raw/main', 'raw/'+ V.branch );
-			'option' in V.addon ? optionGet() : postData();
-		}
-	} );
+} ).press( {
+	  delegate : '.install'
+	, action   : e => {
+		if ( ! S.status.online ) return
+
+		addonData( $( e.currentTarget ) );
+		info( {
+			  icon     : icon
+			, title    : V.addon.title
+			, list     : [ 'Branch / Release', 'text' ]
+			, boxwidth : 200
+			, values   : 'UPDATE'
+			, ok       : () => {
+				V.branch = infoVal();
+				if ( ! V.branch ) return
+
+				V.installurl = V.addon.installurl.replace( 'raw/main', 'raw/'+ V.branch );
+				'option' in V.addon ? optionGet() : postData();
+			}
+		} );
+	}
 } );
 
 function addonData( $this ) {