mirror of
https://github.com/Derpy-Leggies/OnlyLegs.git
synced 2025-06-29 03:26:16 +00:00
Fix popup styling across website
This commit is contained in:
parent
f0e586d0d5
commit
8c2e081783
5 changed files with 7 additions and 4 deletions
|
@ -27,7 +27,7 @@
|
||||||
margin: 0
|
margin: 0
|
||||||
padding: 1rem
|
padding: 1rem
|
||||||
|
|
||||||
width: 621px
|
width: 460px
|
||||||
height: auto
|
height: auto
|
||||||
|
|
||||||
position: absolute
|
position: absolute
|
||||||
|
@ -46,7 +46,7 @@
|
||||||
transition: transform 0.2s $animation-smooth
|
transition: transform 0.2s $animation-smooth
|
||||||
|
|
||||||
.pop-up-header
|
.pop-up-header
|
||||||
margin: 0 0 1rem 0
|
margin: 0 0 0.5rem 0
|
||||||
padding: 0
|
padding: 0
|
||||||
|
|
||||||
width: 100%
|
width: 100%
|
||||||
|
|
|
@ -66,11 +66,10 @@ $breakpoint: 800px
|
||||||
--success: var(--green)
|
--success: var(--green)
|
||||||
--info: var(--blue)
|
--info: var(--blue)
|
||||||
|
|
||||||
--rad: 6px
|
--rad: 8px
|
||||||
--rad-inner: calc(var(--rad) / 2)
|
--rad-inner: calc(var(--rad) / 2)
|
||||||
|
|
||||||
--animation-smooth: cubic-bezier(0.76, 0, 0.17, 1)
|
--animation-smooth: cubic-bezier(0.76, 0, 0.17, 1)
|
||||||
--animation-bounce: cubic-bezier(.68,-0.55,.27,1.55)
|
--animation-bounce: cubic-bezier(.68,-0.55,.27,1.55)
|
||||||
|
|
||||||
--breakpoint: 800px
|
--breakpoint: 800px
|
||||||
|
|
||||||
|
|
|
@ -19,6 +19,7 @@
|
||||||
function groupDelete() {
|
function groupDelete() {
|
||||||
cancelBtn = document.createElement('button');
|
cancelBtn = document.createElement('button');
|
||||||
cancelBtn.classList.add('btn-block');
|
cancelBtn.classList.add('btn-block');
|
||||||
|
cancelBtn.classList.add('transparent');
|
||||||
cancelBtn.innerHTML = 'AAAAAAAAAA';
|
cancelBtn.innerHTML = 'AAAAAAAAAA';
|
||||||
cancelBtn.onclick = popupDissmiss;
|
cancelBtn.onclick = popupDissmiss;
|
||||||
|
|
||||||
|
@ -79,6 +80,7 @@
|
||||||
// Create elements
|
// Create elements
|
||||||
cancelBtn = document.createElement('button');
|
cancelBtn = document.createElement('button');
|
||||||
cancelBtn.classList.add('btn-block');
|
cancelBtn.classList.add('btn-block');
|
||||||
|
cancelBtn.classList.add('transparent');
|
||||||
cancelBtn.innerHTML = 'go baaaaack';
|
cancelBtn.innerHTML = 'go baaaaack';
|
||||||
cancelBtn.onclick = popupDissmiss;
|
cancelBtn.onclick = popupDissmiss;
|
||||||
|
|
||||||
|
|
|
@ -31,6 +31,7 @@
|
||||||
function imageDelete() {
|
function imageDelete() {
|
||||||
cancelBtn = document.createElement('button');
|
cancelBtn = document.createElement('button');
|
||||||
cancelBtn.classList.add('btn-block');
|
cancelBtn.classList.add('btn-block');
|
||||||
|
cancelBtn.classList.add('transparent');
|
||||||
cancelBtn.innerHTML = 'nuuuuuuuu';
|
cancelBtn.innerHTML = 'nuuuuuuuu';
|
||||||
cancelBtn.onclick = popupDissmiss;
|
cancelBtn.onclick = popupDissmiss;
|
||||||
|
|
||||||
|
|
|
@ -11,6 +11,7 @@
|
||||||
// Create elements
|
// Create elements
|
||||||
cancelBtn = document.createElement('button');
|
cancelBtn = document.createElement('button');
|
||||||
cancelBtn.classList.add('btn-block');
|
cancelBtn.classList.add('btn-block');
|
||||||
|
cancelBtn.classList.add('transparent');
|
||||||
cancelBtn.innerHTML = 'nuuuuuuuu';
|
cancelBtn.innerHTML = 'nuuuuuuuu';
|
||||||
cancelBtn.onclick = popupDissmiss;
|
cancelBtn.onclick = popupDissmiss;
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue