UI tweaks

porjo · Sep 20, 2024 · 5df2663 · 5df2663
1 parent 4507dd7
commit 5df2663
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 10 deletions.
diff --git a/css/style.css b/css/style.css
@@ -70,27 +70,38 @@ footer, header, hgroup, menu, nav, section {
 }
 
 .channel {
-	padding: 10px;
 	position: relative;
 	margin-top: 20px;
+	border: 1px solid #ccc;
+	border-radius: 5px;
 }
 
+/*
 @media (max-width: 800px) {
 	.channel {
 		padding: unset;
 		padding-top: 5px;
 	}
 }
+*/
 
 .video_list {
 	display: flex;
 	align-items: stretch;
-	overflow-y: auto
+	overflow-y: auto;
+	padding: 5px;
 }
 
 .channel_title {
 	font-size: 1.2em;
 	font-weight: bold;
+	display: flex;
+	justify-content: space-between;
+	/* border-bottom: 1px solid #aaa; */
+	/* margin-bottom: 5px; */
+	align-items: flex-end;
+	background-color: #eee;
+	padding: 5px;
 }
 
 #footer {
@@ -108,7 +119,6 @@ footer, header, hgroup, menu, nav, section {
 
 .video {
 	position: relative;
-	border: 1px solid #bbb;
 	background: #eee;
 	padding: 0;
 	margin-right: 8px;
@@ -122,12 +132,14 @@ footer, header, hgroup, menu, nav, section {
 	cursor: pointer;
 }
 
+/*
 .video:hover {
 	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
 	transform: scale(105%);
 	transition: transform 50ms;
 	z-index: 1;
 }
+*/
 
 .video_title {
 	padding: 3px;

diff --git a/js/script.js b/js/script.js
@@ -86,10 +86,6 @@ if (config.key === '') {
   $('#settings').slideDown()
 }
 
-$('body').on('click', '.close_channel', function () {
-  $(this).closest('.channel').slideUp()
-})
-
 $('body').on('click', '.show_hidden', function () {
   $(this).closest('.channel').find('.would_hide').slideToggle(200)
 })
@@ -302,7 +298,7 @@ function hiddenItemsStatus () {
     })
 
     if (hiddenVids) {
-      const showHidden = $('<div class="show_hidden"><span class="glyphicon glyphicon-eye-open"></span></div>')
+      const showHidden = $('<span class="show_hidden glyphicon glyphicon-eye-open"></span>')
       $(this).find('.channel_title').append(showHidden)
     }
   })
@@ -318,7 +314,6 @@ function handlePlaylist (apiChannelURL, data) {
   let videosOuter = '<div class="channel">'
   const channelTitle = data.items[0].snippet.channelTitle
   videosOuter += '<div class="channel_title"><a href="' + apiChannelURL + '/videos" target="_blank">' + channelTitle + '</a>'
-  videosOuter += '<div class="close_channel"><span class="glyphicon glyphicon-remove"></span></div>'
   videosOuter += '</div>'
   videosOuter += '<div class="video_list">'
   videos = ''
@@ -348,7 +343,6 @@ function handleRSS (rssURL, data) {
   let videosOuter = ''
   videosOuter += '<div class="channel">'
   videosOuter += '<div class="channel_title"><a href="' + channelURL + '" title="' + rssURL + '" target="_blank">' + channelTitle + '</a>'
-  videosOuter += '<div class="close_channel"><span class="glyphicon glyphicon-remove"></span></div>'
   videosOuter += '</div>'
   videosOuter += '<div class="video_list">'
   videos = ''