diff options
| author | silverwind <me@silverwind.io> | 2023-04-26 07:31:50 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-04-26 01:31:50 -0400 |
| commit | 4d5c803f8b71ccf3182d89584196783e2338e365 (patch) | |
| tree | 37b4de2fdd1620e02f406f6ff87f18adb161b6ef /web_src/css/features | |
| parent | 517f9f5aa4b02e3f4e41654352014bb604ce76e2 (diff) | |
| download | gitea-4d5c803f8b71ccf3182d89584196783e2338e365.tar.gz gitea-4d5c803f8b71ccf3182d89584196783e2338e365.zip | |
Fix Monaco IOS keyboard button (#24341)
Fix https://github.com/go-gitea/gitea/issues/16188. Turns out the
element was completely misaligned by fomantic styles. Add most of the
original styles in `!important` form to fix.
Tapping the button doesn't do anything useful in Simulator.app, but I
guess it's still better to not outright hide it in case it has a
possiblity to work.
<img width="121" alt="image"
src="https://user-images.githubusercontent.com/115237/234379685-4e67f8cd-7e91-4bcc-8e17-9d5b2ebed6cd.png">
Co-authored-by: Giteabot <teabot@gitea.io>
Diffstat (limited to 'web_src/css/features')
| -rw-r--r-- | web_src/css/features/codeeditor.css | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/web_src/css/features/codeeditor.css b/web_src/css/features/codeeditor.css index f7e7777409..8666ad2f85 100644 --- a/web_src/css/features/codeeditor.css +++ b/web_src/css/features/codeeditor.css @@ -31,3 +31,18 @@ .monaco-scrollable-element > .scrollbar > .slider:active { background: var(--color-primary-dark-2) !important; } + +/* fomantic styles destroy this element only visible on IOS, restore it */ +.monaco-editor .iPadShowKeyboard { + border: none !important; + width: 58px !important; + min-width: 0 !important; + height: 36px !important; + min-height: 0 !important; + margin: 0 !important; + padding: 0 !important; + position: absolute !important; + resize: none !important; + overflow: hidden !important; + border-radius: 4px !important; +} |