Comments (2)
Hello dflock, thanks for the useful contribution! I originally thought about this for the closing X button (you can style this using color
and border
of .simple-close
) but didn't when I added the print functionality.
I just changed the background image from a PNG to an SVG obtained from this page. You can style it using the .simple-print
class. To change the outline color, you can use CSS's filter functions, e.x. -webkit-filter: invert(100%);
to make it white.
I realize that this isn't very freeing in terms of styling, but I don't believe that it needs to be. Leaving it as a background image allows me to change it more easily later and keeps the markup-style separation.
Let me know if this works for you!
Check below for an update
from just-read.
Update:
I have now inlined the print SVG icon because I needed to implement the functionality for a potential new feature. The new changes (available in a56b275 / 0.0.31) are as follows:
- A
.simple-control
class has been added to the print and close buttons - The print icon can be styled using the
fill
property and, for desired thickness, thestroke
property of.simple-print
- All
.simple-control
s by default use a change in opacity on hover, not color. This, as with all styling in the extension, can be changed if desired
I hope that allow more freedom!
Note that you can hide these buttons by applying display: none;
to them in the CSS.
Update 2:
There are now .simple-edit-theme
(which edits the default theme) and .simple-edit
buttons (which edits the author/date/title) which you can style using fill
and stroke
as well.
Update 3:
The Premium version also now has .simple-share
as well as other elements. See this post for more info.
from just-read.
Related Issues (20)
- deepl chrome extension not working on just read simplified pages, same for all extensions using a selected portion of text HOT 1
- Not working at Project Syndicate https://www.project-syndicate.org/ HOT 1
- PLEASE Help Me FIND a Very SIMPLE CSS Cheat-Sheet For Theme Edits !! HOT 9
- Just Read's Store HOT 1
- Quick Question About Browsers HOT 1
- cannot load images because "blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource." HOT 1
- text-decoration doesn't seem to work HOT 3
- Option to remove floating icon to "add a comment" HOT 1
- RSS feed for shared pages HOT 2
- Share Article button not working HOT 8
- Removing highlight colour instead of text HOT 2
- Reddit is Borked HOT 2
- Add ChatGPT summarization on click HOT 21
- Works great but does not support 'Auto Copy' extension HOT 1
- icon menu ‘select content to read’ lost in ver5.3.1 HOT 1
- Coding section not support HOT 1
- Small SVG blown up to large white block HOT 3
- Code blocks are condensed into one line HOT 4
- Comic Dak Mode
- Wrong text extracted from page on defenseone.com HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from just-read.