From 39afb7d0940bda487de150a2f9b9ee2bab04d825 Mon Sep 17 00:00:00 2001 From: tersiswilvin <52929976+tersiswilvin@users.noreply.github.com> Date: Thu, 15 Sep 2022 01:05:40 -0700 Subject: [PATCH] Updated Admin Panel Made some small adjustments to improve the experience. --- public/css/NewAdminCSS.css | 127 +++++++++++++++--------- resources/views/admin/users.blade.php | 102 +++++++++++-------- resources/views/layouts/admin.blade.php | 12 ++- 3 files changed, 150 insertions(+), 91 deletions(-) diff --git a/public/css/NewAdminCSS.css b/public/css/NewAdminCSS.css index 9e76dd2..a8e646e 100644 --- a/public/css/NewAdminCSS.css +++ b/public/css/NewAdminCSS.css @@ -74,6 +74,15 @@ h6 { font-weight: 200; } +br { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + .NewPanel #MasterContainer.AdminPanel { background-color: #111; } @@ -115,14 +124,18 @@ h6 { .NewPanel .AdminSubHeader ul { padding: 0; margin: auto auto; - width: 970px; + width: 100%; height: 25px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + justify-content: center; } .NewPanel .AdminSubHeader li { - width: 33.334%; + width: 25%; text-align: center; list-style: none; - float: left; padding: 5px 0; color: #fff; } @@ -133,18 +146,60 @@ h6 { cursor: pointer; transition: .1s all linear; } -.NewPanel .AdminSubHeader li:hover a { - color: #ccc -} -.NewPanel .AdminSubHeader li a.Active, .NewPanel .AdminSubHeader li a.Active:active { - box-shadow: 0 2px 0 0 #00b7ff; -} .NewPanel .AdminSubHeader li a:hover, .NewPanel .AdminSubHeader li a:active { color: #fff; box-shadow: 0 2px 0 0 #fff; transition: .1s all linear; } +.NewPanel .AdminSubHeader li a.active { + box-shadow: 0 2px 0 0 #00b7ff; +} +.NewPanel .AdminSubHeader li a:focus { + color: #dbdbdb; + box-shadow: 0 2px 0 0 #dbdbdb; +} +.NewPanel .AdminSubHeader li a.active:focus { + box-shadow: 0 2px 0 0 #11749b; +} +.NewPanel .AdminPanel .logoutbtn { + color: #00b7ff; + cursor: default; + top: 10px; + left: 10px; + font-size: 16px; + font-weight: 100; + position: absolute; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + flex-direction: row-reverse; +} +.NewPanel .AdminPanel .logoutarrow { + height: 16px; + width: 16px; +} +.NewPanel .AdminPanel .logoutarrow:before { + font-family: "copenhagen-icons"; + font-style: normal; + font-weight: normal; + line-height: 1.1em; + -webkit-font-smoothing: antialiased; + transform: rotate(180deg); + position: absolute; +} +.NewPanel .AdminPanel .logoutarrow:before { + content: '\2794'; +} .NewPanel .AdminHeader .Slogan { + color: #bbb; + text-shadow: #11111191 2px 2px; font-size: 16px; font-weight: 100; display: block; @@ -165,9 +220,14 @@ h6 { background-repeat: no-repeat; background-size: contain; background-position: 0; + opacity: .75; + transition: .1s opacity linear; display: block; margin: auto; } +.NewPanel .AdminHeader .SiteBrand:hover { + opacity: 1; +} .NewPanel .AdminPanel #Body { background-color: #111; } @@ -217,7 +277,7 @@ h6 { .NewPanel .AdminPanel form div { text-align: center; } -.NewPanel .SearchCloseBtn{ +.NewPanel .SearchCloseBtn { color: #af1400; transition: .1s linear; left: auto; @@ -230,9 +290,9 @@ h6 { color: #d41900; } .NewPanel .AdminPanel #SearchInput { - border: 1px solid #757575; + border: 1px solid #555; border-radius: 3px; - color: #b8b8b8; + color: #bbb; background-color: #000; } .NewPanel .AdminPanel #SearchInput:focus, .AdminPanel #SearchInput:active { @@ -241,8 +301,8 @@ h6 { .NewPanel #SearchInput, .NewPanel .btn-neutral { margin: 0 5px; } -.NewPanel .AdminPanel #SearchInput:focus-visible { - outline: none; +.NewPanel :focus-visible { + outline: none !important; } .NewPanel .AdminPanel .Stats { font-size: 16px; @@ -332,33 +392,18 @@ h6 { -ms-user-select: none; user-select: none; } -.NewPanel .AuthenticatedUserName { +.NewPanel .AuthenticatedUserName, .NewPanel .logoutarrow { color: #00b7ff; transition: .25s all ease-in-out; display: inline-block; } -.NewPanel .AdminHeader .HomeBtn { - color: #00b7ff; - cursor: default; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - flex-direction: row-reverse; +.NewPanel .AuthenticatedUserName:hover, .NewPanel .logout:hover + .logoutarrow { + color: #7ddaff; + transition: .25s all ease-in-out; } .NewPanel .UserDetails .Row { overflow-wrap: anywhere; } -.NewPanel .AuthenticatedUserName:hover { - color: #7ddaff; - transition: .25s all ease-in-out; -} .NewPanel .SearchContainer .Thumbnail a { width: 12px; height: 12px; @@ -388,6 +433,9 @@ h6 { border-radius: 50%; margin: -8px; } +.NewPanel .hidden-info{ + font-style: italic; +} /*Heavily based off of the roblox developer tree list (because it looks cool)*/ .NewPanel .SearchTree { width: 260px; @@ -501,31 +549,18 @@ h6 { border-top: 1px dashed #555; } -@media (max-width:1000px) { - .NewPanel .AdminSubHeader ul { - width: 750px; - } -} @media (max-width:990px) { .NewPanel .AdminPanel #Body, .NewPanel .AdminPanel #BodyWrapper, .NewPanel .AdminPanel #MasterContainer { width: 100% !important; /*!important since late 2012 roblox uses element.style CRINGE!*/ padding: 0; } } -@media (max-width:750px) { - .NewPanel .AdminSubHeader ul { - width: 400px; - } -} @media (max-width: 600px) { .NewPanel .AuthenticatedUserNameWrapper { font-size: 10px; } } @media (max-width:500px) { - .NewPanel .AdminSubHeader ul { - width: 300px; - } .NewPanel .AuthenticatedUserNameWrapper { display: none; } diff --git a/resources/views/admin/users.blade.php b/resources/views/admin/users.blade.php index 220da12..a057991 100644 --- a/resources/views/admin/users.blade.php +++ b/resources/views/admin/users.blade.php @@ -32,10 +32,10 @@ @if (Cache::has('is_online_' . $user->id)) - + @else - + @endif @@ -61,108 +61,124 @@
Previus Username:
- +
{{ $user->settings->old_name }} - +
@endif
ID:
- +
{{ $user->id }} - +
Email:
@if ($user->admin) - [Redacted] +
[Hidden]
@else - {{ $user->email }} +
{{ $user->email }}
@endif
DOB:
- - @if ($user->admin) - [Redacted] - @else - @guest - {{ Carbon\Carbon::parse($user->dob)->format('d/m/Y') }} - @else - {{ Carbon\Carbon::parse($user->dob)->format(Auth::user()->settings->date_preference) }} - @endguest - @endif - + @if ($user->admin) +
[Hidden]
+ @else + @guest +
{{ Carbon\Carbon::parse($user->dob)->format('d/m/Y') }}
+ @else +
{{ Carbon\Carbon::parse($user->dob)->format(Auth::user()->settings->date_preference) }}
+ @endguest + @endif
- Feed Status : + Feed Status:
- +
@if (!empty($user->feedposts->last()->status)) "{{ $user->feedposts->last()->status }}" @else "I'm new to ARCHBLOX!" @endif - +
Bio :
- +
{!! nl2br(e($user->blurb)) !!} - +
- Total Friends : + Total Friends:
- +
{{ $user->getFriendsCount() }} - +
- Mutual Friends : + Mutual Friends:
- +
{{ Auth::user()->getMutualFriendsCount($user) }} - +
- Total Badges : + Friend Requests:
- +
+ {{ count(Auth::user()->getFriendRequests()) }} +
+
+
+
+ Total Badges: +
+
{{ sizeof($user->badges) }} - +
- Join Date : + Join Date:
- +
@guest {{ $user->created_at->format('d/m/Y') }} @else {{ $user->created_at->format(Auth::user()->settings->date_preference) }} @endguest - +
+
+
+ @unless (Cache::has('is_online_' . $user->id)) +
+ Last Seen: +
+
+ {{ Carbon\Carbon::parse($user->last_seen)->diffForHumans() }} +
+ @endunless
@@ -180,21 +196,21 @@
Type:
- +
@if ($user->admin) Admin @else Member @endif - +
Moderation Status:
- +
Normal - +
diff --git a/resources/views/layouts/admin.blade.php b/resources/views/layouts/admin.blade.php index 76519f4..51b101c 100644 --- a/resources/views/layouts/admin.blade.php +++ b/resources/views/layouts/admin.blade.php @@ -23,17 +23,25 @@ @yield('alert') -
+