Skip to content

Commit

Permalink
Merge pull request #156 from duckduckgo/shane/nav-stack
Browse files Browse the repository at this point in the history
iOS: Improve Mobile Site Breakage Report Quality
  • Loading branch information
shakyShane authored Jun 14, 2024
2 parents 8344df0 + 9fdd0b0 commit ff482d6
Show file tree
Hide file tree
Showing 190 changed files with 20,538 additions and 27,443 deletions.
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -18,3 +18,4 @@ build/app/html/iframe.html
build/app/html/states.json
build/app/public/font
build/app-debug
build/app_backup
26 changes: 6 additions & 20 deletions build/app/html/android.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,30 +17,16 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>DuckDuckGo</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<style>
/**
* CSS will load later, so hide content and set dark background color
* when using a dark theme until styles are loaded to display correctly.
*/
#popup-container {
display: none;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #333;
}
}
</style>
<title>DuckDuckGo</title>
<script src="../public/js/polyfill-loader.js"></script>
<link rel="stylesheet" href="../public/css/android.css" />
<link rel="stylesheet" href="../public/css/base.css" />
<link rel="stylesheet" href="../public/css/popup.css" />
</head>

<body class="environment--android">
<div id="popup-container" class="sliding-subview sliding-subview--root">
<section id="site-info-container"></section>
</div>
<div id="app"></div>
<script src="../public/js/base.js"></script>
</body>
</html>
26 changes: 6 additions & 20 deletions build/app/html/browser.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,30 +17,16 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>DuckDuckGo</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<style>
/**
* CSS will load later, so hide content and set dark background color
* when using a dark theme until styles are loaded to display correctly.
*/
#popup-container {
display: none;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #333;
}
}
</style>
<title>DuckDuckGo</title>
<script src="../public/js/polyfill-loader.js"></script>
<link rel="stylesheet" href="../public/css/android.css" />
<link rel="stylesheet" href="../public/css/base.css" />
<link rel="stylesheet" href="../public/css/popup.css" />
</head>

<body class="environment--browser">
<div id="popup-container" class="sliding-subview sliding-subview--root">
<section id="site-info-container"></section>
</div>
<div id="app"></div>
<script src="../public/js/base.js"></script>
</body>
</html>
26 changes: 6 additions & 20 deletions build/app/html/ios.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,30 +17,16 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>DuckDuckGo</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<style>
/**
* CSS will load later, so hide content and set dark background color
* when using a dark theme until styles are loaded to display correctly.
*/
#popup-container {
display: none;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #333;
}
}
</style>
<title>DuckDuckGo</title>
<script src="../public/js/polyfill-loader.js"></script>
<link rel="stylesheet" href="../public/css/android.css" />
<link rel="stylesheet" href="../public/css/base.css" />
<link rel="stylesheet" href="../public/css/popup.css" />
</head>

<body class="environment--ios">
<div id="popup-container" class="sliding-subview sliding-subview--root">
<section id="site-info-container"></section>
</div>
<div id="app"></div>
<script src="../public/js/base.js"></script>
</body>
</html>
26 changes: 6 additions & 20 deletions build/app/html/macos.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,30 +17,16 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>DuckDuckGo</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<style>
/**
* CSS will load later, so hide content and set dark background color
* when using a dark theme until styles are loaded to display correctly.
*/
#popup-container {
display: none;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #333;
}
}
</style>
<title>DuckDuckGo</title>
<script src="../public/js/polyfill-loader.js"></script>
<link rel="stylesheet" href="../public/css/android.css" />
<link rel="stylesheet" href="../public/css/base.css" />
<link rel="stylesheet" href="../public/css/popup.css" />
</head>

<body class="environment--macos">
<div id="popup-container" class="sliding-subview sliding-subview--root">
<section id="site-info-container"></section>
</div>
<div id="app"></div>
<script src="../public/js/base.js"></script>
</body>
</html>
26 changes: 6 additions & 20 deletions build/app/html/popup.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,30 +17,16 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>DuckDuckGo</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<style>
/**
* CSS will load later, so hide content and set dark background color
* when using a dark theme until styles are loaded to display correctly.
*/
#popup-container {
display: none;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #333;
}
}
</style>
<title>DuckDuckGo</title>
<script src="../public/js/polyfill-loader.js"></script>
<link rel="stylesheet" href="../public/css/android.css" />
<link rel="stylesheet" href="../public/css/base.css" />
<link rel="stylesheet" href="../public/css/popup.css" />
</head>

<body class="environment--example">
<div id="popup-container" class="sliding-subview sliding-subview--root">
<section id="site-info-container"></section>
</div>
<div id="app"></div>
<script src="../public/js/base.js"></script>
</body>
</html>
26 changes: 6 additions & 20 deletions build/app/html/windows.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,30 +17,16 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>DuckDuckGo</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<style>
/**
* CSS will load later, so hide content and set dark background color
* when using a dark theme until styles are loaded to display correctly.
*/
#popup-container {
display: none;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #333;
}
}
</style>
<title>DuckDuckGo</title>
<script src="../public/js/polyfill-loader.js"></script>
<link rel="stylesheet" href="../public/css/android.css" />
<link rel="stylesheet" href="../public/css/base.css" />
<link rel="stylesheet" href="../public/css/popup.css" />
</head>

<body class="environment--windows">
<div id="popup-container" class="sliding-subview sliding-subview--root">
<section id="site-info-container"></section>
</div>
<div id="app"></div>
<script src="../public/js/base.js"></script>
</body>
</html>
18 changes: 18 additions & 0 deletions build/app/img/refresh-assets/chat-private-128.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
15 changes: 15 additions & 0 deletions build/app/img/refresh-assets/switch-shield-128.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 5 additions & 1 deletion build/app/public/css/base.css
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,6 @@
/* Lists */
/* Images & icons */
/* Cross-platform background image */
/* Sliding subviews */
* {
box-sizing: border-box;
}
Expand Down Expand Up @@ -655,6 +654,11 @@ a.link-action--rounded {
padding-right: 32px;
}

.padding-x-third {
padding-left: 24px;
padding-right: 24px;
}

.padding-x-xl {
padding-left: 44px;
padding-right: 44px;
Expand Down
Loading

0 comments on commit ff482d6

Please sign in to comment.