From 1f4a1b496304002adf17c3da9c6a45725036887f Mon Sep 17 00:00:00 2001 From: Weilbyte <git@weilbyte.dev> Date: Thu, 26 Mar 2020 23:07:24 +0100 Subject: [PATCH] Fix for #12 --- images/dd_loading.svg | 32 ++++++++++++++++++++++++++++++++ serverside/ddInstall.sh | 1 + serverside/style.css | 9 +++++++-- 3 files changed, 40 insertions(+), 2 deletions(-) create mode 100644 images/dd_loading.svg diff --git a/images/dd_loading.svg b/images/dd_loading.svg new file mode 100644 index 0000000..0965b2e --- /dev/null +++ b/images/dd_loading.svg @@ -0,0 +1,32 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"> +<g transform="rotate(0 50 50)"> + <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff"> + <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8571428571428571s" repeatCount="indefinite"></animate> + </rect> +</g><g transform="rotate(51.42857142857143 50 50)"> + <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff"> + <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.7142857142857143s" repeatCount="indefinite"></animate> + </rect> +</g><g transform="rotate(102.85714285714286 50 50)"> + <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff"> + <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5714285714285714s" repeatCount="indefinite"></animate> + </rect> +</g><g transform="rotate(154.28571428571428 50 50)"> + <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff"> + <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.42857142857142855s" repeatCount="indefinite"></animate> + </rect> +</g><g transform="rotate(205.71428571428572 50 50)"> + <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff"> + <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.2857142857142857s" repeatCount="indefinite"></animate> + </rect> +</g><g transform="rotate(257.14285714285717 50 50)"> + <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff"> + <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.14285714285714285s" repeatCount="indefinite"></animate> + </rect> +</g><g transform="rotate(308.57142857142856 50 50)"> + <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff"> + <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate> + </rect> +</g> +<!-- [ldio] generated by https://loading.io/ --></svg> \ No newline at end of file diff --git a/serverside/ddInstall.sh b/serverside/ddInstall.sh index bf383bc..a82d1a0 100644 --- a/serverside/ddInstall.sh +++ b/serverside/ddInstall.sh @@ -42,6 +42,7 @@ wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_mini-top.pn wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_readme &> /dev/null wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_tool-sprites.png &> /dev/null wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_trigger.png &> /dev/null +wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_loading.svg &> /dev/null DotSay 'Downloaded images!' Say '' diff --git a/serverside/style.css b/serverside/style.css index ee1d405..fd553c4 100644 --- a/serverside/style.css +++ b/serverside/style.css @@ -745,11 +745,11 @@ background-image:url(/pve2/images/dd_icon-hdd.png); background-image:url(/pve2/images/dd_icon-swap.png); } -.pve-itype-icon-display { +.pve-itype-icon-display, .x-grid-row-console { background-image: url(/pve2/images/dd_icon-display.png); } -.pve-itype-icon-cdrom { +.pve-itype-icon-cdrom { background-image: url(/pve2/images/dd_icon-cd.png); } @@ -818,3 +818,8 @@ text-shadow:0 0 0 #2c2f33; * { font-weight: 350; } + +.x-grid-row-loading { +background-image: url(/pve2/images/dd_loading.svg); +background-size: 32px; +} \ No newline at end of file -- GitLab