After using jupyter theme, the filename on the top left corner is really small. I tried to adjust with -nfs 115 but increasing this value will make the toolbar fonts too large. Is there any way to increase the font size of filename, without affecting the font size of toolbar?
Related
Is it possible to change the size of the fa-icons in a a flexdashboard? The caption text overlaps with the icon and is even more of an issue when a numeric value is of the order 10^4 or greater.
It's not a huge issue but I think it will be more aesthetically pleasing if I can reduce the icon size somehow? I have tried to introduce a line break to the caption using \n but this does not work. I would rather reduce icon size than value size.
Screenshot attached. Thanks.
I have just used different icons instead. I have gone with narrower icons that do not overlap with any caption or value characters. Seems like the easiest solution for now.
I'm working on designing a website with photoshop, the problem is that the height limit of the PSD is reached.. and I'm still not finished
So how can I increase the size of the height without effecting the elements inside ?
Thank you
Using canvase size you want to increase you page height
path : image=>canvase size (shortcut:Alt + Cntr + C)
than using arrow left,top,right and bottom specified page increase
The resulting icon is oversized, even with font-size set to 16px, it looks like 32px or even more.
I used the [Octicons][2] approach to build the icons, so Glyphs setup looks as follows:
Units per Em is 2048
Metrics is exactly like Octicons
Glyph width is set to 2048
Grid spacing is set to 32
My mistake was to create glyphs with setting of "units per em" equal to 1000. After changing the value, already existing glyphs do not update automatically, you should press the button next to the setting.
How can I autoscale the text font size in a web page in order to make text in a div or p fit within given bounds?
There are nice solutions for Android, like this one, but I haven't found any for GWT.
Do you guys have any?
Thanks!
There are sevaral solutions to this problem:
(1) render the text, measure its width (myLabel.getOffsetWidth(), compare to the desired width, change font size if it does not fit and start over (remember to do this inside the Scheduler's deferred command, or your offset width will be zero);
(2) use FitText.js (http://fittextjs.com/);
(3) use canvas which can auto-fit text into provided space;
(4) use ellipsis when text overflows;
(5) use viewport units for text font (limited browser support at this time): http://css-tricks.com/viewport-sized-typography/
(6) create a different, more fluid UI design that handles content size better.
I have a fixed size label on a QtDesigner form. The label is used to display images, let's assume it's used to display thumbnails of 100x100 px.
I can set the size of the label but when I put the label in some layout manager the labels get resized to take the whole space. Even if I do it through the Form > Layout in a Grid. The size of the labels is shrunk.
I believe this is some corner case as labels are not often used to do such things (although they are meant to be able to display images). Is there a workaround to avoid the size of the labels changing when placed in the layout?
You can set horizontal and vertical size policies to Fixed or set the maximum height and width additionally. Either in code or in Designer.