Commit 2f8dddcb authored by yPhil's avatar yPhil
Browse files

New feed body sizing strategy, now error feeds are naturally unsized

parent e5044f5b
......@@ -274,7 +274,7 @@ a:active {
/* font-family: "Aveny T WEB", Arial, sans-serif; */
font-family: BebasNeueRegular, Verdana, sans-serif !important;
/* font-stretch: ultra-condensed; */
font-style: normal;
/* font-style: normal; */
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
......@@ -285,15 +285,11 @@ a:active {
/* height: 30px; */
margin-left: var(--title-margin-left);
text-overflow: ellipsis;
color: var(--color-fg6);
overflow: hidden;
display: block;
width: 100px;
white-space: nowrap;
text-overflow: ellipsis;
}
#preload > .feed-title {
......@@ -576,14 +572,14 @@ fieldset {
width: available;
}
.menu legend {
font-size: 9pt;
}
legend {
color: var(--color-ui-pri);
}
.menu legend {
font-size: 9pt;
}
.js-enabled-only {
display: none;
}
......@@ -873,7 +869,7 @@ nav#sideMenu .flex-box > * {
margin-bottom: 0.4em;
}
nav#sideMenu #gallerySlideTransition {
#gallerySlideTransition {
margin-top: 2px;
}
......@@ -924,13 +920,19 @@ label:last-child {
/* } */
#tabs {
white-space: nowrap;
overflow: hidden;
white-space: nowrap;
}
#tabs > ul {
overflow: auto;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: thin;
scrollbar-color: var(--color-fg4) var(--color-bg1);
}
#tabs > ul:hover {
scrollbar-color: var(--color-fg5) var(--color-bg1);
}
#tabs > ul > li {
......@@ -1441,46 +1443,46 @@ div#logo-title > .logo-title > a:hover {
}
#beggar a.beggarLink:link,
#beggar a.beggarLink:visited {
text-decoration: underline !important;
color: var(--color-ui-pri);
}
#beggar a.beggarLink:hover {
color: var(--color-ui-sec);
}
/* #beggar > h4 { */
/* margin-top: 0; */
/* } */
#notify {
background-color: var(--color-ui-qua);
border: 1px solid var(--color-ui-sec);
border-radius: 5px;
width: 200px;
/* height: 220px; */
/* max-width: 100%; */
padding: 1em;
position: sticky;
bottom: 16px;
left: 16px;
z-index: 30;
/* flex-direction: column; */
}
audio {
background-color: var(--color-ui-pri);
border-radius: 0;
height: 24px;
width: 100% !important;
}
video {
width: 100% !important;
height: auto !important;
}
div.itemDiv {
max-width: auto;
}
#beggar a.beggarLink:visited {
text-decoration: underline !important;
color: var(--color-ui-pri);
}
#beggar a.beggarLink:hover {
color: var(--color-ui-sec);
}
/* #beggar > h4 { */
/* margin-top: 0; */
/* } */
#notify {
background-color: var(--color-ui-qua);
border: 1px solid var(--color-ui-sec);
border-radius: 5px;
width: 200px;
/* height: 220px; */
/* max-width: 100%; */
padding: 1em;
position: sticky;
bottom: 16px;
left: 16px;
z-index: 30;
/* flex-direction: column; */
}
audio {
background-color: var(--color-ui-pri);
border-radius: 0;
height: 24px;
width: 100% !important;
}
video {
width: 100% !important;
height: auto !important;
}
div.itemDiv {
max-width: auto;
}
public/images/loading.gif

146 KB | W: | H:

public/images/loading.gif

110 KB | W: | H:

public/images/loading.gif
public/images/loading.gif
public/images/loading.gif
public/images/loading.gif
  • 2-up
  • Swipe
  • Onion skin
......@@ -97,7 +97,7 @@ PTL.feed = {
.attr('title', PTL.tr('Move this feed (%1)', url))
.attr('class', 'feed-handle');
var $feedBody = $('<div>').attr('class', 'feed-body').css('height', limit),
var $feedBody = $('<div>').attr('class', 'feed-body'),
$feedBodyUl = $('<ul>').attr('class', 'feed-body'),
$header = $('<div>').attr('class', 'feed-header'),
$feedToggle = $('<div>').attr('class', 'feed-toggle').append($feedIcon),
......@@ -183,7 +183,6 @@ PTL.feed = {
$feedToggle = $feed.find('.feed-toggle'),
$feedIcon = $feed.find('.feed-toggle > i');
$feedBody.css('height', feedLimit);
var l = PTL.util.getLocation(feedUrl),
feedProtocol = l.protocol ? l.protocol + '//' : '//',
......@@ -399,10 +398,8 @@ PTL.feed = {
}
if (item.enclosures[0].url && item.enclosures[0].url.match(/\.(mp4|webm)$/)) {
console.log('Video: %s (%s)', item.enclosures[0].url, item.enclosures[0].type);
var videoPlayer = document.createElement('video');
// videoPlayer.id = 'video-player';
videoPlayer.controls = 'controls';
videoPlayer.src = item.enclosures[0].url;
videoPlayer.type = item.enclosures[0].type;
......@@ -420,7 +417,6 @@ PTL.feed = {
if (item.enclosures[0].url && item.enclosures[0].url.match(/\.(ogg|mp3)$/)) {
var audioPlayer = document.createElement('audio');
// audioPlayer.id = 'audio-player';
audioPlayer.controls = 'controls';
audioPlayer.src = item.enclosures[0].url;
audioPlayer.type = item.enclosures[0].type;
......@@ -503,6 +499,8 @@ PTL.feed = {
});
$feedBody.animate({height: feedLimit});
}).always(function() {
$refreshButton.prop('title', PTL.tr('Refresh this feed (%1 - %2)', feedUrl, timeStamp));
......
......@@ -22,7 +22,6 @@ PTL.prefs = (function() {
{"url":"http://explainxkcd.com/rss.xml","type":"photo","limit": 60,"status":"on"}
],
[
{"url":"http://faif.us/feeds/cast-ogg/","type":"text","limit": 250,"status":"on"},
{"url":"https://www.yellowtrace.com.au/category/architecture/feed/","type":"photo","limit": 200,"status":"off"},
{"url":"https://www.ignant.com/category/architecture/feed/","type":"photo","limit": 300,"status":"on"}
]
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment