Rim/IW4M-Admin
Rim/IW4M-Admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 30 Wiki Activity

make social icons fit better

Browse Source
This commit is contained in:
RaidMax 2022-04-28 17:22:01 -05:00
parent 2bbabcb9e8
commit 0bf0d033f7
2 changed files with 198 additions and 188 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
WebfrontCore/Views/Shared/_LeftNavBar.cshtml
View File

@ -97,9 +97,9 @@
var url = Uri.TryCreate(social.IconUrl, UriKind.Absolute, out Uri parsedUrl) var url = Uri.TryCreate(social.IconUrl, UriKind.Absolute, out Uri parsedUrl)
? parsedUrl.AbsoluteUri ? parsedUrl.AbsoluteUri
: $"/images/community/{social.IconUrl}"; : $"/images/community/{social.IconUrl}";
<img class="img-fluid mr-5" style="max-height: 1.2rem" src="@url" alt="@social.Title"/> <img class="img-fluid social-icon" style="max-height: 1.2rem" src="@url" alt="@social.Title"/>
} }
<span class="name">@social.Title</span> <span class="name text-truncate">@social.Title</span>
</a> </a>
} }
<br/> <br/>

24
WebfrontCore/wwwroot/css/src/main.scss
View File

@ -276,8 +276,7 @@
color: rgba(255, 69, 69, 0.85) !important; color: rgba(255, 69, 69, 0.85) !important;
} }
.text-force-break .text-force-break {
{
word-break: break-all; word-break: break-all;
overflow-wrap: break-word; overflow-wrap: break-word;
} }
@ -345,7 +344,7 @@ table {
} }
.ui-error-icon { .ui-error-icon {
background-image:url('/images/ui/error-face.svg'); background-image: url('/images/ui/error-face.svg');
background-size: contain; background-size: contain;
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -360,14 +359,17 @@ table {
padding: 0.5rem; padding: 0.5rem;
border-radius: 0.4rem; border-radius: 0.4rem;
} }
.dark-mode .on-this-page-nav { .dark-mode .on-this-page-nav {
background-color: #25282c; background-color: #25282c;
} }
.on-this-page-nav .title { .on-this-page-nav .title {
font-weight: 500; font-weight: 500;
font-size: 1.5rem; font-size: 1.5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.on-this-page-nav a { .on-this-page-nav a {
text-align: left; text-align: left;
display: block; display: block;
@ -376,10 +378,12 @@ table {
color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7);
border-left: 1px solid rgba(0, 0, 0, 0.15); border-left: 1px solid rgba(0, 0, 0, 0.15);
} }
.dark-mode .on-this-page-nav a { .dark-mode .on-this-page-nav a {
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65);
border-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15);
} }
.on-this-page-nav a:hover, .on-this-page-nav a:hover,
.dark-mode .on-this-page-nav a:hover, { .dark-mode .on-this-page-nav a:hover, {
color: #1890ff; color: #1890ff;
@ -397,15 +401,15 @@ table {
} }
.h-125 { .h-125 {
height: 12.5rem!important; height: 12.5rem !important;
} }
.w-125 { .w-125 {
width: 12.5rem!important; width: 12.5rem !important;
} }
table.with-fixed-layout { table.with-fixed-layout {
table-layout:fixed; table-layout: fixed;
} }
table.with-auto-width td { table.with-auto-width td {
@ -427,7 +431,7 @@ table.with-auto-width td {
.progress-bar-value { .progress-bar-value {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color:black; background-color: black;
animation: indeterminateAnimation 2s infinite linear; animation: indeterminateAnimation 2s infinite linear;
transform-origin: 0 50%; transform-origin: 0 50%;
} }
@ -443,3 +447,9 @@ table.with-auto-width td {
transform: translateX(100%) scaleX(0.5); transform: translateX(100%) scaleX(0.5);
} }
} }
img.social-icon {
max-height: 1.75rem;
margin-right: 0.6rem;
margin-top: 3px;
}