Skip to content

GitLab

T
tangled
Commit 944110b2 authored by Edward Jung's avatar Edward Jung Committed by Commit Bot
Browse files
Options

chrome://flags Fix iOS layout issues 

iOS doesn't show unavailable experiments which broke the tab layout.
Additionally set the viewport max scale so the page doesn't jump
around when the keyboard is activated,


Bug: 783837
Change-Id: I691b3efca6ad24870d195357783e6016d30b0cee
Reviewed-on: https://chromium-review.googlesource.com/769949Reviewed-by: default avatarXiyuan Xia <xiyuan@chromium.org>
Commit-Queue: Edward Jung <edwardjung@chromium.org>
Cr-Commit-Position: refs/heads/master@{#517639}
parent 50bcfc16
Hide whitespace changes
Inline Side-by-side
Showing with 10 additions and 5 deletions
components/flags_ui/resources/flags.css
View file @ 944110b2
......@@ -363,7 +363,10 @@ h2 {
/* Bottom padding should be greater than evaluated height of needs-restart */
padding-bottom: 200px;
position: relative;
/* iOS does not show unsupported experiments. */
<if expr="not is_ios">
width: 200%;
</if>
}
.tabs li:nth-child(2) .tab-content {
......
components/flags_ui/resources/flags.html
View file @ 944110b2
......@@ -2,16 +2,18 @@
<html dir="$i18n{textdirection}" lang="$i18n{language}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<if expr="not is_ios">
<link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">
</if>
<link rel="stylesheet" href="flags.css">
<if expr="is_ios">
<link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
<!-- TODO(crbug.com/487000): Remove this once injected by web. -->
<script src="chrome://resources/js/ios/web_ui.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
<!-- TODO(crbug.com/487000): Remove this once injected by web. -->
<script src="chrome://resources/js/ios/web_ui.js"></script>
</if>
<script src="chrome://resources/js/util.js"></script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment