I have an app which has a floating header. TinyMCE renders the sticky toolbar underneath this when I scroll because it positions it fixed at top: 0
Is there a mechanism/hack to add offset to this so that the sticky toolbar can sit below the header?
Thanks
It's not the perfect solution.
div.tox-tinymce--toolbar-sticky-on div.tox-editor-header {
top: 40px !important;
}
Related
I would like to hide or remove vertical scrollbar in my TableView. I would like to menage scroll with my own PgUp/PgDown buttons.
Buttons work fine with below code, but the verticalScrollBar ruin the desired aspect. How can I hide/remove it?
btnPgDown.setOnAction(e -> {
if (table.getSelectionModel().getSelectedIndex() == -1) {
table.getSelectionModel().select(0);
}
Event.fireEvent(table, EventUtil.PG_DN_PR_EVENT);
table.requestFocus();
});
Note: the EventUtil.PG_DN_PR_EVENT emulate the PgDown key event.
I think the best way to hide the scroll bars of a TableView is with CSS code.
This is the code for the vertical scroll bar.
.table-view *.scroll-bar:vertical *.increment-button,
.table-view *.scroll-bar:vertical *.decrement-button {
-fx-background-color: null;
-fx-background-radius: 0;
-fx-background-insets: 0;
-fx-padding: 0;
}
.table-view *.scroll-bar:vertical *.increment-arrow,
.table-view *.scroll-bar:vertical *.decrement-arrow {
-fx-background-color: null;
-fx-background-radius: 0;
-fx-background-insets: 0;
-fx-padding: 0;
-fx-shape: null;
}
If you want to hide also the horizontal scroll bar, you have to add the same code but changing *.scroll-bar:vertical for *.scroll-bar:horizontal.
And if you want to scroll your table by code, I recommend to use the method scrollTo that it's included in the TableView class.
From what I can tell based on my own experiences, whether a TableView displays a ScrollBar or not depends on the buttons and arrows on the ScrollBar.
In my project I use this CSS code to hide both scrollbars
.table-view *.increment-button,
.table-view *.decrement-button,
.table-view *.increment-arrow,
.table-view *.decrement-arrow
{
-fx-padding: 0;
-fx-shape: "";
}
But this has sideeffects, since apparently the TableMenuButton uses the same padding the TableMenuButton disappears with a padding of 0, the only thing I keep seeing is one half of the "+" sign that is usually displayed on the button. So this is a way but not neccesarily the way.
How to remove/hide the scroll bar indicator (vertical stick that's shown when scrolling) in ionic 3
I have tried: not sure what the below code does
.scroll-content {
overflow-y: auto !important;
}
try this:
::-webkit-scrollbar {
display: none;
}
::-webkit-scrollbar is only available in WebKit-based browsers (e.g., Google Chrome).
I am making a custom sticker pack. It is an iMessage Extension app. I am subclassing UICollectionView rather than using the basic MSMessagesViewController. So this happens only when I select the chevron icon in the expanded view to change back to the compact view. What's going on(you can see in the gif below) is the stickers are place in the view and appear to be set in their location, but after a split second, they seem to readjust their positions...Is there something in CollectionView that I should be doing to prevent this?
I'm starting to think it could be a bug, because the header bar that contains the text field, iMessage app drawer icon, heart icon and camera icon seem to be cut-off about the same amount as the shift.
here is the code from github
The problem with your code is that the contentInset for your collectionView in your layout() call is 6 pixel off from the original position. That's why the animation adjusts the 6 pixel after the animation has finished.
Just change the UIEdgeInsets() in your layout() call inside the StickerCollectionVC to:
self.collectionView?.contentInset = UIEdgeInsets( top: screenW * 0.1 - 6,
left: screenW * 0.1,
bottom: 20 + (screenW * 0.1),
right: screenW * 0.1)
so i have a NSTableView that presents information, then i have an add button that shows a view that is hidden behind the tables view. It is shown by changing the tableview's height to lower and setting its hidden property to false. I am running into the problem where i have constraints set in storyboard for the tableview and when i try change its frame programatically the storyboard constraints overrule the frame i set in code. What i need is for the constraints to be:
When the tableview is at full size:
Left: 200
Right: 0
Bottom: 20
Top: 20
When the tableview is shrunken to show the view below:
Left: 200
Right: 0
Bottom: 20
Top: 110
I want to use constraints because when people resize the window the table view should scale.
Basically i need to be able to toggle the height constraint (or the .Top constraint) the rest should stay the same.
I was having an issue in Apple Mail where the retina image wouldn't resize. My code was:
#media only screen and (-webkit-min-device-pixel-ratio: 2) {
.retina {
background: url(image#2x.png) no-repeat center 24px !important;
background-size: 40px 28px;
}
}
I've updated the retina media queries and added !important declarations to background-size and the button displays fine. However, now the link on the button does not work in Apple Mail running iOS7.
#media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
.retina {
background: url(image#2x.png) no-repeat center 24px !important;
background-size: 40px 28px !important;
}
}
The button works as a link in all other mail clients, including Mail.app running OSX 10.8.5 when the window is made smaller to show the "mobile" version. Any solution to how I can get the button working as a link?