Google Chrome Left / Right navigational arrows - always showing - google-chrome

When using Google Chrome on OSX, swiping left or right you'll see a circle with an arrow in either corner, indicating going back and forward in your history, see here:
http://cld.jxpr.se/image/1Z3D1R3K141B
On a site I am developing, I have these arrows always present, multiply stacked on top of each other, see here:
http://cld.jxpr.se/image/2o0N2O1d2e0t
That is in the middle of the page, at full screen. These arrow only show when the browser window is expanded beyond the max site width.
Any ideas what's going on here?
Thanks
Dave

I get the same problem. I'm working on a 27" imac so it might affect me more than most people. i normally just create a new tab and copy paste my url into it. i then close the old tab. not a long term fix though :(

Related

PhpStorm move editor inspection icons from right to left

Anyone know if you can position the inspection icons/totals (the yellow warning triangles and the spellchecker) that are normally in the top right on the left instead?
Also, is there a way to increase the size of them?
(Reason: I use a wide-ish monitor. I struggle to make a habit of looking at them because my eyes have to move all the way across to the edge of the screen to do so. If they were on the left, they'd be in my eyeline a lot more. I tried moving the Project window to the right, with the editor on the left. That didn't really help…)
You cannot move it. You can only make it smaller (so it only shows a coloured square: like it was back in 2020.2 and older versions: see https://stackoverflow.com/a/64756369/783119 for that).
Try Problems tool window -- it should list all found issues in a file as a list and you can place it on the left to your editor (instead of the default bottom).

Popups in a HTML file that stay in the screen

I am trying to create popups in a custom HTML intended for reading. I spent a lot of time with Bootstrap Popover Plugin, and while they looked nice they frequently left the screen when you zoom in. I was told that the page doesn't have the info on your zoom level and cannot guarantee that popup will stay in the screen. (see here when you zoom on the button) Instead of creating a hopeless solution, I need a nudge in the right direction.
Is there a known out of the box solution for popups in an HTML document that will stay in the screen, similar to a right-click popup box? It can be very basic.
Thanks in advance!

Translate-Z Mixing Order only Mobile

I'm having a weird problem with a website we are developing. This site has a parallax effect in it, and it's implemented without JavaScript using only translate z and scale (you can check this in http://keithclark.co.uk/articles/pure-css-parallax-websites/)
The problem we are having is that in chrome for desktop the site seems to be ok (you'll see the problem on the second picture):
But when I turn "devide mode" on, this is what I see 90% of the times (also in mobile and also, most of the time, but not all the times):
As you can see, the slider above "DESTACADOS" is gone, but if I click any button, or execute any action (click on button or link), the slider appears again.
The problem is kind of hard to pinpoint, so ask for whatever clarification or specification you need.
Thanks in advance.
EDIT 1:
I have tried to make some small example but I couldn't. It works fine for each part but not on the whole.
This is the full site:
http://192.185.67.199/~arielces/animations/#/commerce/main
Another thing I've noticed is that when in device mode, if you search the div with the magnifiers or just move the console from bottom to right, the content shows.

Sublime text - remove space between the tabs and the top edge of the screen

Is there any way to remove the space between the UI tabs and the top edge of the screen in Sublime Text?
It is very nice being able to select tabs with a mouse, without having to aim. When the top of the tabs is right next to the top of the screen - I don't have to be precise to click on the tab - I can just move the mouse up vertically as far as I want - the cursor won't go any further cause its already on the edge of the screen.
Surprisingly so many software suites these days entirely miss on this great usability feature, putting useless pixels between the tabs and the edge of the screen.
I really hope someone could point out a way to remove that space in Sublime Text.
You can probably fix this by finding the correct option in your .sublime-theme file, though I'm not sure which one it is. An alternative option would be to use a theme that has rectangular tabs that take up the entire height. Something like this: http://i.imgur.com/5trC1Dm.png
The one I displayed in that screenshot was Spaceblack which you can install through Package Control.

Cropping the SSIS Designer view

In a SQL Server Integration Services project, the designer view has created a large amount of unused space above the space I'm actually using. Notice the size of the right scrollbar in the following zoomed out view.
When starting the project, the designer's view always starts in the upper left corner, meaning I have to scroll to the bottom to see any of my work. Is there any way to clip the designer's working space to what I'm actually using? I've verified there is absolutely nothing above the containers here.
Click on the Fit to Window view (the square-ish box at the bottom of the slider). Then select all your tasks. Drag all of them together to the left-top corner. After sometime, enlarge the view to 100% (the dark line on the slider). Do it couple times till you have what you want.
Format -> Auto Layout -> Diagram
This will Auto size your boxes and bring them back to top left. Doing it manually is annoying and almost impossible.
Select all controls and cut it. Click Fit View on Windows bottom right corner. It will resize. Then paste your control back.