ydeng/props
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Moved some css to component-specific css.

Browse Source
This commit is contained in:
Harrison Deng 2021-05-22 01:12:01 -05:00
parent 5f4429098d
commit 1f519e60b1
5 changed files with 15 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/MultiShop/Client/Pages/Search.razor
View File

@ -242,7 +242,7 @@
@if (!organizing && listings.Count > 0) @if (!organizing && listings.Count > 0)
{ {
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-top-borderless"> <table class="table">
<thead> <thead>
<tr> <tr>
<th scope="col">Name</th> <th scope="col">Name</th>

10
src/MultiShop/Client/Pages/Search.razor.css
View File

@ -1,3 +1,13 @@
tbody > tr > th > div { tbody > tr > th > div {
width: 45em; width: 45em;
}
.table.table thead th {
border-top-style: none;
}
.btn.btn-tab {
border-bottom-style: none;
border-bottom-left-radius: 0em;
border-bottom-right-radius: 0em;
} }

2
src/MultiShop/Client/Shared/DragAndDropList.razor
View File

@ -5,7 +5,7 @@
<ul class=@ListGroupCss style="width: max-content;" ondragover="event.preventDefault()"> <ul class=@ListGroupCss style="width: max-content;" ondragover="event.preventDefault()">
@foreach (TItem item in Items) @foreach (TItem item in Items)
{ {
<li class="list-group-item list-group-item-hover" draggable=@((!processingDropChange).ToString()) @ondragstart="@(() => itemDraggedIndex = Items.IndexOf(item))" @ondrop="@(async () => await OnDrop(item))"> <li class="list-group-item" draggable=@((!processingDropChange).ToString()) @ondragstart="@(() => itemDraggedIndex = Items.IndexOf(item))" @ondrop="@(async () => await OnDrop(item))">
<div class="d-inline-flex"> <div class="d-inline-flex">
<div class="mr-3"> <div class="mr-3">
<button class="btn" type="button" style="padding: 0px;" @onclick="@(() => OnButtonClickMove(Items.IndexOf(item), true))" disabled="@(processingDropChange || Items.IndexOf(item) <= 0)"><span class="oi oi-caret-top"></span></button> <button class="btn" type="button" style="padding: 0px;" @onclick="@(() => OnButtonClickMove(Items.IndexOf(item), true))" disabled="@(processingDropChange || Items.IndexOf(item) <= 0)"><span class="oi oi-caret-top"></span></button>

3
src/MultiShop/Client/Shared/DragAndDropList.razor.css Normal file
View File

@ -0,0 +1,3 @@
li.list-group-item:hover {
background-color: #F5F5F5;
}

27
src/MultiShop/Client/wwwroot/css/app.css
View File

@ -8,33 +8,6 @@ html, body {
padding-top: 1.5rem; padding-top: 1.5rem;
} }
.table.table-top-borderless thead th {
border-top-style: none;
}
.btn.btn-tab {
border-bottom-style: none;
border-bottom-left-radius: 0em;
border-bottom-right-radius: 0em;
}
.list-group-top-square-left .list-group-item:first-child {
border-top-left-radius: 0em;
}
.list-group-top-square-right .list-group-item:first-child {
border-top-right-radius: 0em;
}
li.list-group-item.list-group-item-hover:hover {
background-color: #F5F5F5;
}
li.list-group-nospacing {
padding: 0px;
margin: 0px;
}
#blazor-error-ui { #blazor-error-ui {
background: lightyellow; background: lightyellow;
bottom: 0; bottom: 0;