From fe571b646a020baf617a5caa1dc7019fd27a43d8 Mon Sep 17 00:00:00 2001
From: Bryan Brancotte <bryan.brancotte@pasteur.fr>
Date: Fri, 30 Aug 2019 10:31:26 +0200
Subject: [PATCH] indicating when menu item are disabled
---
.../static/css/basetheme_bootstrap4_pasteur.css | 8 ++++++++
test_app_1/templates/test_app_1/mybasePasteur.html | 8 ++++----
2 files changed, 12 insertions(+), 4 deletions(-)
diff --git a/basetheme_bootstrap/static/css/basetheme_bootstrap4_pasteur.css b/basetheme_bootstrap/static/css/basetheme_bootstrap4_pasteur.css
index ef0246a..579a865 100644
--- a/basetheme_bootstrap/static/css/basetheme_bootstrap4_pasteur.css
+++ b/basetheme_bootstrap/static/css/basetheme_bootstrap4_pasteur.css
@@ -356,6 +356,10 @@ color: #0275e3;
background-color: #989287;
border-color: #989287;
}
+.btn-secondary+.dropdown-menu>.dropdown-item.disabled,.btn-secondary+.dropdown-menu>.dropdown-item:disabled,
+.btn-outline-secondary+.dropdown-menu>.dropdown-item.disabled,.btn-outline-secondary+.dropdown-menu>.dropdown-item:disabled {
+ color: #bdb6ae;
+}
.btn-primary.dropdown-toggle+.dropdown-menu{
background-color: #0275e3;
border-color: #0275e3;
@@ -382,6 +386,10 @@ color: #0275e3;
background-color: #2d96fa;
border-color: #2d96fa;
}
+.btn-primary+.dropdown-menu>.dropdown-item.disabled,.btn-primary+.dropdown-menu>.dropdown-item:disabled,
+.btn-outline-primary+.dropdown-menu>.dropdown-item.disabled,.btn-outline-primary+.dropdown-menu>.dropdown-item:disabled {
+ color: #9fbbd6;
+}
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
border-radius:0;
}
\ No newline at end of file
diff --git a/test_app_1/templates/test_app_1/mybasePasteur.html b/test_app_1/templates/test_app_1/mybasePasteur.html
index 8acbce3..be2641a 100644
--- a/test_app_1/templates/test_app_1/mybasePasteur.html
+++ b/test_app_1/templates/test_app_1/mybasePasteur.html
@@ -57,7 +57,7 @@
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuExport" x-placement="bottom-start"
style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(1258px, 47px, 0px);">
- <button class="dropdown-item" type="button">
+ <button class="dropdown-item disabled" disabled="disabled" type="button">
<i class="fa fa-clipboard"></i>
Copy link into clipboard (recommended)
</button>
@@ -74,7 +74,7 @@
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuExport" x-placement="bottom-start"
style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(1258px, 47px, 0px);">
- <button class="dropdown-item" type="button">
+ <button class="dropdown-item disabled" disabled="disabled" type="button">
<i class="fa fa-clipboard"></i>
Copy link into clipboard (recommended)
</button>
@@ -95,7 +95,7 @@
<i class="fa fa-clipboard"></i>
Copy link into clipboard (recommended)
</button>
- <button class="dropdown-item" type="button" onclick="$('form').submit()">
+ <button class="dropdown-item disabled" disabled="disabled" type="button" onclick="$('form').submit()">
<i class="fa fa-download"></i>
Download displayed data in a spreadsheet
</button>
@@ -112,7 +112,7 @@
<i class="fa fa-clipboard"></i>
Copy link into clipboard (recommended)
</button>
- <button class="dropdown-item" type="button" onclick="$('form').submit()">
+ <button class="dropdown-item disabled" disabled="disabled" type="button" onclick="$('form').submit()">
<i class="fa fa-download"></i>
Download displayed data in a spreadsheet
</button>
--
GitLab