Optimize dropdown menu style (#7866)

* 01 remove custom dropdown menu style

* 02 remove custom dropdown menu item style

frontend/src/css/item-dropdown-menu.css

@@ -8,9 +8,4 @@
   top: 0;
   left: 0;
   text-align: center;
-  color: #666666;
-}
-
-.dropdown-item:hover .dropdown-item-tick {
-  color: #fff;
 }

frontend/src/css/pagination.css

@@ -11,7 +11,7 @@
   box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
 }
 
-.paginator-dropdown .dropdown-menu {
+.paginator-dropdown .paginator-dropdown-menu {
   min-width: auto;
 }
 
@@ -19,13 +19,13 @@
   color: #666;
 }
 
-.paginator-dropdown .dropdown-menu .dropdown-item {
+.paginator-dropdown .paginator-dropdown-menu .paginator-dropdown-item {
   display: flex;
   padding-left: 10px;
   padding-right: 24px;
 }
 
-.paginator-dropdown .dropdown-menu .dropdown-item .paginator-dropdown-tick {
+.paginator-dropdown .paginator-dropdown-menu .paginator-dropdown-item .paginator-dropdown-tick {
   display: inline-block;
   width: 14px;
   margin-right: 4px;

frontend/src/css/user-notifications.css

@@ -24,15 +24,6 @@
   width: 24px
 }
 
-.notification-header-close .dropdown-menu {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-}
-
-.notification-header-close .dtable-dropdown-menu.large.dropdown-menu .dropdown-item {
-  padding: 0.25rem 1.5rem;
-  min-height: unset;
-}
-
 .notification-list-content .notification-modal-body {
   height: 100%;
   display: flex;

frontend/src/css/view-modes.css

@@ -14,22 +14,4 @@
   position: absolute;
   top: 0;
   left: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.view-modes-dropdown-content {
-  display: flex;
-  align-items: center;
-}
-
-.view-modes-dropdown-shortcut {
-  display: flex;
-  align-items: center;
-  color: #666;
-}
-
-.dropdown-item:hover .view-modes-dropdown-shortcut {
-  color: #fff;
 }