aboutsummaryrefslogtreecommitdiff
path: root/ext/mixed/css/display.css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2020-12-19 20:07:55 -0500
committerGitHub <noreply@github.com>2020-12-19 20:07:55 -0500
commit443d6d1956691861a5e0203e33726b8c2aa93eef (patch)
treec302124766dde3f87454682508331b4647c71e8f /ext/mixed/css/display.css
parent8454431cdbc026e56c4879c5fc0133647a6f75ca (diff)
Popup action bar options (#1140)
* Add options for action bar visibility and location * Add settings * Update styles * Expose properties * Update styles * Update tests
Diffstat (limited to 'ext/mixed/css/display.css')
-rw-r--r--ext/mixed/css/display.css46
1 files changed, 45 insertions, 1 deletions
diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css
index 59e59263..16266f9c 100644
--- a/ext/mixed/css/display.css
+++ b/ext/mixed/css/display.css
@@ -298,6 +298,7 @@ a {
justify-content: flex-start;
}
.content-body {
+ height: 0;
flex: 1 1 auto;
position: relative;
}
@@ -352,7 +353,8 @@ a {
display: none;
}
.content-sidebar[hidden][data-has-navigation-previous=true],
-.content-sidebar[hidden][data-has-navigation-next=true] {
+.content-sidebar[hidden][data-has-navigation-next=true],
+:root[data-popup-action-bar-visibility=always] .content-sidebar {
display: block;
}
.content-sidebar-inner {
@@ -361,6 +363,11 @@ a {
width: var(--sidebar-width);
height: 100%;
}
+.content-sidebar-top-pre {
+ flex: 0 0 auto;
+ display: flex;
+ flex-flow: column nowrap;
+}
.content-sidebar-top {
flex: 1 1 auto;
display: flex;
@@ -373,6 +380,43 @@ a {
display: flex;
flex-flow: column nowrap;
}
+:root[data-popup-action-bar-location=top] .content-outer,
+:root[data-popup-action-bar-location=bottom] .content-outer {
+ flex-flow: column nowrap;
+}
+:root[data-popup-action-bar-location=top] .content-sidebar,
+:root[data-popup-action-bar-location=bottom] .content-sidebar {
+ height: auto;
+ width: 100%;
+}
+:root[data-popup-action-bar-location=left] .content-sidebar,
+:root[data-popup-action-bar-location=top] .content-sidebar {
+ order: -1;
+}
+:root[data-popup-action-bar-location=top] .content-sidebar-inner,
+:root[data-popup-action-bar-location=bottom] .content-sidebar-inner {
+ flex-flow: row nowrap;
+ width: auto;
+ height: var(--sidebar-button-height);
+}
+:root[data-popup-action-bar-location=top] .content-sidebar-top-pre,
+:root[data-popup-action-bar-location=bottom] .content-sidebar-top-pre {
+ flex-flow: row nowrap;
+ order: 1;
+}
+:root[data-popup-action-bar-location=top] .content-sidebar-top,
+:root[data-popup-action-bar-location=bottom] .content-sidebar-top {
+ flex-flow: row nowrap;
+}
+:root[data-popup-action-bar-location=top] .content-sidebar-bottom,
+:root[data-popup-action-bar-location=bottom] .content-sidebar-bottom {
+ flex-flow: row nowrap;
+}
+:root[data-popup-action-bar-location=top] button.sidebar-button,
+:root[data-popup-action-bar-location=bottom] button.sidebar-button {
+ width: var(--sidebar-width) !important;
+ height: 100% !important;
+}
/* Sidebar buttons */