Open scripting opened 9 months ago
@fmfernandes -- I tried that, it's in the current mobile.css, but it didn't appear on my machine to do anything to fix the problem.
This is where mobile.css is --
http://scripting.com/code/feedland/home/mobile.css
And this code is at the end.
You still have the feature that allows you to override any of the CSS.
For @scotthansonde, you can put the URL of a custom style sheet here -- localStorage.urlStartupStylesheet
If it exists on startup, FeedLand will load it in. So you can experiment with the CSS too. ;-)
@scotthansonde --
I believe I have fixed that problem that prevented your politics news from showing up.
https://feedland.org/?river=true&screenname=ScottHansonDE&catname=politics
@scotthansonde --
I believe I have fixed that problem that prevented your politics news from showing up.
Yes, I can confirm this works for me. I can now make bookmarks for my category rivers and see them on mobile 👍
While browsing on mobile, I came across some things that need to be adjusted:
Title length - we adjusted this for desktop river items, looks like it needs to be adjusted again for mobile.
The river for a readling list doesn't have a background color and border for its main container like the other rivers. I stumbled across this and can't help but think how much cleaner it looks on mobile without the background + border. Is it worth exploring removing the main container background and border?
@fmfernandes and I did a review of mobile on a call together and here is what we found:
@fmfernandes is looking at fixes for these items.
I'll add here some snippets for the above issues that should fix them. Those snippets should be added to the mobile.css
file.
.divRiverItemFooter .spRiverItemPermalink {
line-height: unset;
}
.divFeedListContainer .tdFeedTitle {
vertical-align: middle;
}
.divFeedListContainer .tdFeedUpdated { vertical-align: middle; }
- Logged out: Sign up modal needs to be updated to be responsive to match the other modals
```css
.divSignupDialog .modal {
margin-left: 2.5%;
width: 95%;
left: unset;
}
.divSignupDialog .modal table td input {
width: auto;
}
.divSignupDialog .spComment {
word-wrap: break-word;
}
Remove fixed width
from style
in the input
elements.
.divUsersList .tdUserLink {
max-width: 200px;
}
.divFeedListContainer .tdFeedTitle {
overflow: initial;
}
mobile.css
with the above fixes
First page to review.
https://blue.feedland.org/?username=dave
What's going on is I now have a way to range over the whole product without interfering with feedland.com or feedland.org.
I also have a way of working with the code that doesn't leave me with a hard integration when it's ready to go public with. I'm doing the work as I go, and get to test it completely, not in a mockup, but with the real software.
It also feels like I can make changes quickly without getting lost, which is what happened the last couple of days every time I approached it.
Anyway, please let's make this collaborative. It's clear you guys have experience with CSS that I don't have. It'll be nice to get this done right for once. ;-)