Comments (7)
Holy moly, that's way too big haha... I bet it's the css of the default template. Do you see where the size of the image is being applied in the css?
from jupyter-book.
(I'd look myself but not at a computer right now)
from jupyter-book.
Mmmm… I have no idea. It seems it uses something called inuit. The thing though is I wouldn't necessarily want to change the rendering of all images, just those relating to badges. Would that be a) doable b) not too hard for a CSS newbie like me? Thank you very much in advance :)
from jupyter-book.
Lemme give it a shot as a part of #66 :-)
from jupyter-book.
66 removes the width: 100%
CSS rule for any image (only for notebook output images), which I think is going to solve this problem for you. You might need to use your own CSS class to make sure the badge snaps to the left instead of being centered (for an example, see the badge that's in the intro.md
file of that PR)
from jupyter-book.
Bam! I just changed the two lines suggested in #66 for the width:100%
and this now looks a lot better:
The centering is something I can definitely live with. Thank you very much for the prompt and excellent response @choldgraf! I'm closing the ticket now as consider it addressed :-)
from jupyter-book.
woot! If you want those left-aligned, you can add a custom class to the images either by adding {:.myclass}
and that'll be added to the p
element above the image, which you can then style as you like. You could also manually embed the images w/ HTML, which works in markdown, e.g. <img src="mysrc.png" style="margin-left: 0px" />
from jupyter-book.
Related Issues (20)
- Sphinx config `navigation with keys` removes links to Github HOT 1
- Cannot generate tab-sets, tab items or anything from myst from within python code cell HOT 1
- Error: Couldn't find a Table of Contents file. HOT 5
- reference to the notebook interface in the doc is for nbclassic
- Move to application distribution model HOT 13
- MyST Evaluation fails: no running kernel found HOT 6
- Problem with Utterances HOT 1
- Change from unmaintained pyppeteer package to alternative for building PDF documents from book HOT 1
- Update boilerplate code to use main branch by default instead of master HOT 1
- Allow the same document in multiple chapters/sections
- Plotly interactive plots not showing in Jupyter book HOT 2
- Plotly interactive plots not showing in Jupyter book HOT 4
- abtemIssue on page /intro.html HOT 1
- Problem with myst titles in jupyter notebook HOT 2
- When I compile Jupyter notebook with Sphinx I get a double colon `::` in the doc HOT 3
- Notebook %psource magic command not displaying HOT 1
- Adding github buttons on top navbar
- Adding `preamble` doesn't work because single-quote strings are not raw HOT 5
- Unable to change pygments_style in _config.yml HOT 2
- IPython.display.JSON object not rendered correctly 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 jupyter-book.