fix(app): remove redundant CSS and classes

HSF · Apr 25, 2021 · d2b7d34 · d2b7d34
1 parent cb68283
commit d2b7d34
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 42 deletions.
diff --git a/...phoenix-ui-components/src/components/ui-menu/event-selector/event-selector.component.html b/...phoenix-ui-components/src/components/ui-menu/event-selector/event-selector.component.html
@@ -1,11 +1,10 @@
 <div
-  class="eventSelector"
+  class="eventSelector mx-2"
   *ngIf="events != null"
   matTooltip="Event selector"
   matTooltipPosition="above"
 >
-  <label for="event">Event</label>
-  <select id="event" name="event" (change)="changeEvent($event)">
+  <select name="event" (change)="changeEvent($event)">
     <option *ngFor="let event of events" [value]="event">
       {{ event }}
     </option>

diff --git a/...phoenix-ui-components/src/components/ui-menu/event-selector/event-selector.component.scss b/...phoenix-ui-components/src/components/ui-menu/event-selector/event-selector.component.scss
@@ -1,14 +1,4 @@
 .eventSelector {
-  display: flex;
-  margin-left: 1rem;
-  margin-right: 1rem;
-  font-size: 0.9rem;
-
-  label {
-    display: none;
-    color: var(--phoenix-text-color-secondary);
-  }
-
   select {
     width: 9rem;
     padding: 5px 10px;

diff --git a/...s/phoenix-ng/projects/phoenix-ui-components/src/components/ui-menu/ui-menu.component.html b/...s/phoenix-ng/projects/phoenix-ui-components/src/components/ui-menu/ui-menu.component.html
@@ -1,4 +1,4 @@
-<div id="uiMenu" class="optionsWrapper">
+<div id="uiMenu">
   <button
     id="hide-ui-menu"
     [matTooltip]="hideUIMenu ? 'Show toolbar' : 'Hide toolbar'"

diff --git a/...s/phoenix-ng/projects/phoenix-ui-components/src/components/ui-menu/ui-menu.component.scss b/...s/phoenix-ng/projects/phoenix-ui-components/src/components/ui-menu/ui-menu.component.scss
@@ -1,4 +1,4 @@
-.optionsWrapper {
+#uiMenu {
   position: absolute;
   bottom: 1rem;
   width: 100%;
@@ -10,7 +10,6 @@
 
 #optionsPanel {
   display: flex;
-  justify-content: center;
   align-items: center;
   background: var(--phoenix-background-color-secondary);
   border: 1px solid var(--phoenix-background-color-tertiary);
@@ -20,22 +19,6 @@
   padding: 0.3rem 1rem;
   overflow-x: scroll;
   z-index: 90;
-
-  .preset-views {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-  }
-}
-
-#helpPanel {
-  position: absolute;
-  right: 1rem;
-  bottom: 0.5rem;
-}
-
-.optionsSeparator {
-  margin: 0 0.5rem;
 }
 
 #hide-ui-menu {
@@ -64,13 +47,3 @@
     }
   }
 }
-
-@media screen and (max-width: 768px) {
-  #optionsPanel {
-    justify-content: inherit;
-  }
-
-  .preset-views-ul {
-    display: none;
-  }
-}