Attachment 255806 Details for Bug 283283 – Patch to make donate button work at various resolutions

[patch] Patch to make donate button work at various resolutions

forum_donate_css.patch (text/plain), 1.28 KB, created by Michael Gmelin on 2024-12-12 13:26:33 UTC

(hide)

Description:

Filename:

MIME Type:

Creator: Michael Gmelin

Created: 2024-12-12 13:26:33 UTC

Size: 1.28 KB

patch

obsolete

>--- old.css	2024-12-12 14:04:46.535069000 +0100
>+++ new.css	2024-12-12 14:03:57.094772000 +0100
>@@ -20,11 +20,61 @@
> }
> 
> @media screen and (max-width: 800px) {
>-#freebsd_headercontainer {
>-visibility: hidden;
>-display: none;
>+    #freebsd_headercontainer {
>+      visibility: visible;
>+      display: block;
>+      height:300px;
>+      width:300px;
>+      top:0px;
>+      left:0px;
>+      position: absolute;
>+    }
>+    
>+    .p-title {
>+        margin-top: 42px;        
>+    }
> }
>+
>+@media screen and (min-width: 950px) {
>+    .frontdonateroundbox {
>+      position: relative;
>+      top: 10px;
>+    }
>+}
>+
>+@media screen and (max-width: 950px) {
>+    .frontdonateroundbox {
>+      position: relative;
>+      left: -100px;
>+      top: 10px;
>+    }
>+}
>+
>+@media screen and (max-width: 800px) {
>+    .frontdonateroundbox {
>+      visibility: visible;
>+      position: absolute;
>+      top: 80px;
>+      left: calc(100vw - 550px);
>+      z-index: 1;
>+      opacity: 1.0;
>+      margin-right: 0px;
>+    }
> } 
>+
>+
>+@media screen and (max-width: 650px) {
>+    .frontdonateroundbox {
>+      visibility: visible;
>+      position: absolute;
>+      top: 43px;
>+      left: calc(100vw - 495px - 40px);
>+      z-index: 1;
>+      opacity: 1.0;
>+      margin-right: 0px;
>+    }
>+} 
>+
> 
> #freebsd_header {
>     clear: both;

Actions: View | Diff

Attachments on bug 283283: 255806 | 255807 | 255808