Ghost/ghost/admin/app/index.html
Kevin Ansfield 1206889b0d Fixed editor flex breakouts squashing sidebar in settings menu redesign
no issue

- added `--editor-sidebar-width` CSS variable directly in `index.html` so it doesn't get removed by `postcss-custom-properties` (we use `preserve: false` to avoid problems with `postcss-color-mod-function`)
- adjusted editor CSS
  - added max-width calc on container element to prevent browser from increasing the element's width beyond what would allow the sidebar to display at it's desired width
  - adjusted the editor flex breakout styles to work with a non-100vw width by using the sidebar width variable
- updated labs post settings menu component to set the `--editor-sidebar-width` variable to the actual width of the sidebar element
  - avoids need to have multiple classes with fixed widths to adjust editor and breakout sizes
2021-06-23 13:54:40 +01:00

60 lines
2.2 KiB
HTML

<!doctype html>
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
<!--[if (gte IE 9)| IEMobile |!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Ghost Admin</title>
{{content-for "head"}}
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1, minimal-ui, viewport-fit=cover" />
<meta name="pinterest" content="nopin" />
<meta http-equiv="cleartype" content="on" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-title" content="Ghost" />
<link rel="shortcut icon" href="assets/img/favicon.ico" />
<link rel="apple-touch-icon-precomposed" href="assets/img/touch-icon-iphone.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="assets/img/touch-icon-ipad.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="assets/img/small.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="assets/img/medium.png" />
<meta name="application-name" content="Ghost" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-square70x70logo" content="assets/img/small.png" />
<meta name="msapplication-square150x150logo" content="assets/img/medium.png" />
<meta name="msapplication-square310x310logo" content="assets/img/large.png" />
<!-- variables that we don't want postcss-custom-properties to remove -->
<style>
:root {
--editor-sidebar-width: 0px;
}
</style>
{{content-for "minifiedInProductionCss"}}
{{content-for "head-footer"}}
</head>
<body>
<div class="ember-load-indicator">
<div class="gh-loading-content">
<div class="gh-loading-spinner"></div>
</div>
</div>
{{content-for "body"}}
{{content-for "body-footer"}}
{{content-for "minifiedInProductionJs"}}
</body>
</html>