Is there an Overpass QL editor (other than Turbo/Ultra) that allows text size adjustment?

Help and support
1

Due to failing eyesight I’m looking for an Overpass QL editor that allows text size adjustment &/or dark mode feature?

Unfortunately Turbo/Ultra don’t appear to provide such features.
It doesn’t require a map to display the results, as I can pass the completed routine to Turbo’s server for that.

Maybe even there’s even an IDE with autocomplete/IntelliSense?

1 Like
2

They do, as other webpages.

3

Can you expand on what you mean?

4

I assume @trial refers to the zoom function of your browser.

1 Like
5

Ah, I see.
Yeah, I’d already tried that but it reduces the size of the map area so, far from ideal.

There’s also another problem that I didn’t initially mention as I’m unsure if it’s a ‘just me’ problem in Turbo (Windows/Firefox) where the editor’s cursor occasionally gets detached from my mouse cursor so when I press return it splits text line where I wasn’t expecting it to. It’s a pain to reset it.

6

Looks like there are only web-frontends. Perhaps Command line interfaces is an option?

7

You should be able to use the browser zoom and then adjust the map zoom to match, and if the sidebar is too big, drag that smaller. For me, the only thing shrinking the map then is the top bar.

As for dark mode, you could change the background tile server to https://cartodb-basemaps-{s}.global.ssl.fastly.net/dark_all/{z}/{x}/{y}.png if you’re okay with less detail, and install a browser extension like Dark Reader (or write a custom css style with Stylish/Stylus) for the rest of the page.

1 Like
8

I knew of the CLI option previously , but thought I may as well use a text editor. I had searched for a QL Custom Language/Autocomplete plugin for Notepad++, but with no luck.

9

about:config has layout.css.devPixelsPerPx= where =1.0 is 100%. But it seems to enlarge the map too.

10

F12, inspect, set body font-size to 2em; (or what you want/need) does the job.
So @DaveF, use a css plugin to modify the page, possibly CSS Override.

11

Thanks. I tried that & it works, but I went on to dig deeper & with some help from AI found CSS can be overridden directly in Firefox:

In about:config amend this line to true:
toolkit.legacyUserProfileCustomizations.stylesheets = true

Inside the profile folder create folder & file:
chrome\userContent.css

Edit userContent.css & include

@-moz-document domain(“overpass-turbo.eu”) {

body {
/* color: #4a4a4a; */
font-size: 1.3em !important;
font-weight: 600 !important;
line-height: 2.5 !important;
}

The ‘!important’ is important.

Firefox requires a restart.

I’m currently playing around with background & cursor colours.

1 Like
12

Yes, as the value is already given, you need !important to override it.
And this solution works for many sites, you ‘just’ have to tune the CSS. Feel free to mark you answer as solution of your problem.