Skip to content

Commit

Permalink
Removed unused CSS
Browse files Browse the repository at this point in the history
Also fixed one Edge webhint issue
  • Loading branch information
1-max-1 committed Jul 18, 2023
1 parent 5e330ec commit 7eaae82
Show file tree
Hide file tree
Showing 3 changed files with 7 additions and 89 deletions.
2 changes: 1 addition & 1 deletion WASMSerialTerminal/Shared/AutoScrollTextBox.razor
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ Now also has a button for clearing the received data, and an event is also raise
@inject IJSRuntime jsRuntime

<div class="d-flex flex-column" style="@Style">
<RadzenTextArea ReadOnly="true" Value="@terminalText" Style="white-space: pre; overflow-wrap: normal; overflow-x: scroll;" id="serial-text-output" class="w-100 h-100" />
<RadzenTextArea ReadOnly="true" Value="@terminalText" Style="white-space: pre; overflow-wrap: normal; overflow-x: scroll;" id="serial-text-output" class="w-100 h-100" aria-label="Serial data output" />

<div class="row">
<div class="col-12 col-sm-auto">
Expand Down
10 changes: 3 additions & 7 deletions WASMSerialTerminal/Shared/MainLayout.razor
Original file line number Diff line number Diff line change
@@ -1,9 +1,5 @@
@inherits LayoutComponentBase

<div class="page">
<main>
<article class="content px-4">
@Body
</article>
</main>
</div>
<main class="content px-4">
@Body
</main>
84 changes: 3 additions & 81 deletions WASMSerialTerminal/Shared/MainLayout.razor.css
Original file line number Diff line number Diff line change
@@ -1,81 +1,3 @@
.page {
position: relative;
display: flex;
flex-direction: column;
}

main {
flex: 1;
}

.sidebar {
background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row {
background-color: #f7f7f7;
border-bottom: 1px solid #d6d5d5;
justify-content: flex-end;
height: 3.5rem;
display: flex;
align-items: center;
}

.top-row ::deep a, .top-row ::deep .btn-link {
white-space: nowrap;
margin-left: 1.5rem;
text-decoration: none;
}

.top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
text-decoration: underline;
}

.top-row ::deep a:first-child {
overflow: hidden;
text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
.top-row:not(.auth) {
display: none;
}

.top-row.auth {
justify-content: space-between;
}

.top-row ::deep a, .top-row ::deep .btn-link {
margin-left: 0;
}
}

@media (min-width: 641px) {
.page {
flex-direction: row;
}

.sidebar {
width: 250px;
height: 100vh;
position: sticky;
top: 0;
}

.top-row {
position: sticky;
top: 0;
z-index: 1;
}

.top-row.auth ::deep a:first-child {
flex: 1;
text-align: right;
width: 0;
}

.top-row, article {
padding-left: 2rem !important;
padding-right: 1.5rem !important;
}
}
/* Empty file so that Blazor will still make the WASMSerialTerminal.styles.css file. */
/* This means the stylesheet link to it (in index.html) doesn't get broken. */
/* Could remove the link, but then if I actually use CSS in the future, I might forget to add the link back in. */

0 comments on commit 7eaae82

Please sign in to comment.