From 50215b332e7b1b3cd81f43f2cadd821015872f14 Mon Sep 17 00:00:00 2001 From: Gemma Date: Wed, 8 Nov 2023 15:36:49 +0100 Subject: [PATCH 1/2] button ok --- permissions/permissions-ui/media/mystyle.css | 70 +++++++ .../permissions-ui/templates/base.html | 197 +++++++++--------- .../permissions-ui/templates/controlled.html | 9 + .../permissions-ui/templates/public.html | 10 + .../permissions-ui/templates/registered.html | 10 + 5 files changed, 202 insertions(+), 94 deletions(-) diff --git a/permissions/permissions-ui/media/mystyle.css b/permissions/permissions-ui/media/mystyle.css index 08607ce9..17ee0229 100644 --- a/permissions/permissions-ui/media/mystyle.css +++ b/permissions/permissions-ui/media/mystyle.css @@ -484,3 +484,73 @@ table { /* padding-left: 7px; */ padding: 4px; } + + + +.Btn { + display: flex; + align-items: center; + justify-content: flex-start; + width: 45px; + height: 45px; + border: none; + border-radius: 50%; + cursor: pointer; + position: relative; + overflow: hidden; + transition-duration: .3s; + box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.199); + background-color: rgb(167, 19, 19); + margin-left: 60px; +} + +/* plus sign */ +.sign { + width: 100%; + transition-duration: .3s; + display: flex; + align-items: center; + justify-content: center; +} + +.sign svg { + width: 17px; +} + +.sign svg path { + fill: white; +} +/* text */ +.text { + position: absolute; + right: 0%; + width: 0%; + opacity: 0; + color: white; + font-size: 1.2em; + font-weight: 600; + transition-duration: .3s; +} +/* hover effect on button width */ +.Btn:hover { + width: 125px; + border-radius: 40px; + transition-duration: .3s; +} + +.Btn:hover .sign { + width: 30%; + transition-duration: .3s; + padding-left: 20px; +} +/* hover effect button's text */ +.Btn:hover .text { + opacity: 1; + width: 70%; + transition-duration: .3s; + padding-right: 10px; +} +/* button click effect*/ +.Btn:active { + transform: translate(2px ,2px); +} \ No newline at end of file diff --git a/permissions/permissions-ui/templates/base.html b/permissions/permissions-ui/templates/base.html index e639db6b..87516a4a 100644 --- a/permissions/permissions-ui/templates/base.html +++ b/permissions/permissions-ui/templates/base.html @@ -2,124 +2,133 @@ + - - - - Document - - - - - - - + + + + Document + + + + + + + + - - -
-
-
-
+ -
- - -
-
-
- {% csrf_token %} -
- {% for f in form %} -

{{f.help_text|safe}} {{f}}

- {% endfor %} -
-
-
-
- +
+
+
+
+ +
+ + +
+
+ + {% csrf_token %} +
+
+ {% for f in form %} +

{{f.help_text|safe}} {{f}}

+ {% endfor %} +
+
+
+
+ +
+
- -
-
+
- - -
- - +
+ + + + + + + - - - - - -
-
-
- -
-
-
-
-
- {% include "footer.html" %} - - - + + - + + \ No newline at end of file diff --git a/permissions/permissions-ui/templates/controlled.html b/permissions/permissions-ui/templates/controlled.html index 3d16fff6..0831f2ac 100644 --- a/permissions/permissions-ui/templates/controlled.html +++ b/permissions/permissions-ui/templates/controlled.html @@ -38,7 +38,16 @@

+
+ +
+ +
Back
+
diff --git a/permissions/permissions-ui/templates/public.html b/permissions/permissions-ui/templates/public.html index 495d8cf3..87c3d335 100644 --- a/permissions/permissions-ui/templates/public.html +++ b/permissions/permissions-ui/templates/public.html @@ -38,6 +38,16 @@

+ +
+ +
+ +
Back
+
diff --git a/permissions/permissions-ui/templates/registered.html b/permissions/permissions-ui/templates/registered.html index 6edd0f26..7e8f3eeb 100644 --- a/permissions/permissions-ui/templates/registered.html +++ b/permissions/permissions-ui/templates/registered.html @@ -38,6 +38,16 @@

+ +
+ +
+ +
Back
+
From dfd3034c36450cd347983b8fbd6d924c32f9d05d Mon Sep 17 00:00:00 2001 From: Gemma Date: Wed, 8 Nov 2023 17:10:54 +0100 Subject: [PATCH 2/2] changes css --- permissions/permissions-ui/media/mystyle.css | 24 ++++++++++---------- 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/permissions/permissions-ui/media/mystyle.css b/permissions/permissions-ui/media/mystyle.css index 17ee0229..81357f26 100644 --- a/permissions/permissions-ui/media/mystyle.css +++ b/permissions/permissions-ui/media/mystyle.css @@ -334,10 +334,11 @@ table { justify-content: center; } -#boxdatasets{ - margin-left: 5vw; +#boxdatasets { + margin-left: 7vw; } + .col-3 { width: 100% !important; } @@ -485,8 +486,6 @@ table { padding: 4px; } - - .Btn { display: flex; align-items: center; @@ -500,14 +499,15 @@ table { overflow: hidden; transition-duration: .3s; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.199); - background-color: rgb(167, 19, 19); + background-color: #760509; margin-left: 60px; + margin-bottom: -50px; } /* plus sign */ .sign { width: 100%; - transition-duration: .3s; + transition-duration: 0.3s; display: flex; align-items: center; justify-content: center; @@ -529,28 +529,28 @@ table { color: white; font-size: 1.2em; font-weight: 600; - transition-duration: .3s; + transition-duration: 0.3s; } /* hover effect on button width */ .Btn:hover { width: 125px; border-radius: 40px; - transition-duration: .3s; + transition-duration: 0.3s; } .Btn:hover .sign { width: 30%; - transition-duration: .3s; + transition-duration: 0.3s; padding-left: 20px; } /* hover effect button's text */ .Btn:hover .text { opacity: 1; width: 70%; - transition-duration: .3s; + transition-duration: 0.3s; padding-right: 10px; } /* button click effect*/ .Btn:active { - transform: translate(2px ,2px); -} \ No newline at end of file + transform: translate(2px, 2px); +}