Auto-size home icon bar - css

I'm using an app for add video support to Wagtail: wagtail-embed-videos.
This app add a new icon in the icon bar but is not properly sized, i mean,
icon isn't in the same line, is putted in the botton.
I want icon in the same line, like this:
In order to put all icons in the same line we can change the width value; make permanent this change require recompile statics, ok.
My question is, have we make it by own hand or you can add support for more
than three icons in the icon bar?
Thank you!

Related

Bootstrap 4: own arrow in custom select menu

I'm using the custom select menu (https://v4-alpha.getbootstrap.com/components/forms/#select-menu).
Now I want to change the arrows on the right.
I saw, that the class uses an background image to display the arrow.
But it's an strange url/svg...
Is there any way to change that image with an icon from a font?
Or at least with an other svg?

Where to set the game icon?

I don't know how or where to set the game icon. I see there is the Assets folder, but I'm not sure what I'm supposed to put in or where to find the information on what to use. While running, the game has no icon on the title bar or in the taskbar.
Drag your Icon to Assets folder the double click on Package.appxmanifest and you will see the following content, here you can add Icons for Tiles:
In order to use custom icon in the taskbar, We can open the Package.appxmanifestselect in the Solution Exploer. And select Visual Assets then select Square 44x44 Logo, choose one image to set in the 24 x 24 px.
There is a samilar case you can check with UWP app icon on taskbar.
To set the icon to the title bar, we can use Window.SetTitleBar method to set the image to the title bar. There is a official Title bar sample, in Scenario2 it extend the view into the title bar.

Ionic Platform custom midle tab

So i having problem to customise in bottom tabs the middle, i want to make middle tab height bigger then other tabs, so i cant find the way to customise it. It would be nice if there would be somebody that can help with this.
Link for editing link. And wanted result image.
Tried separately change the hight but, there are a feeling that flex box doesn't allow to tab go out of content.
Inherit the CSS class that holds the icon in the middle and add your custom properties.

Setting a different title on tap as on header of a QDockWidget

I'm currently writing an application in PySide where I want to have multiple DockWidgets available for the user to move around freely.
In the title of my DockWidget I want to have a solid black line and no text, but in the case of having some DockWidgets tabified I want them to show a title on the tabs and only on the tab bar.
For the normal header I used a widget which has just one background color (set in a css file...).
Does anyone know of a simple way to get this done?
Thanks in advance!

Div mouseover on a specific location on an image

I am currently building a fluid layout website, so that when the screen resolution changes, the site changes with it, no need for individual resolution css etc.
But the problem i am having is with the navigation bar, i want to have one image with the labels (Portfolio, Blog and About), when the mouse moves over each of those labels the whole nav bar changes to another navbar image, one with different coloration to indicate the mouse is on a specific label, each label needs to be a link too (obviously).
To try to clarify, i essentially need a div mouseover event on a specific location on an image, but as mouseover events don´t exist i would have to use :hover in css, but how do i get the image to change in css? Perhaps setting the original navigation bar image as the background image, but how do i overlay the next image and get it to activate on a specific hover location? image mapping?
regards,
Jimy

Resources