Page MenuHomePhabricator
Files F3364574

D6740.diff
No OneTemporary
Actions

D6740.diff
View Options

diff --git a/web/calendar/calendar.css b/web/calendar/calendar.css
--- a/web/calendar/calendar.css
+++ b/web/calendar/calendar.css
@@ -1,19 +1,23 @@
-a.filtersButton {
- font-weight: 600;
- float: left;
- color: white;
- background-color: rgba(68, 68, 85, 0.67);
- padding: 8px 18px;
- border-radius: 18px;
- margin: 0 15px 5px 15px;
- font-size: 16px;
+.filtersButton {
+ color: var(--fg);
+ background-color: var(--filters-button-bg);
+ width: 40px;
+ height: 40px;
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ margin: 0 0px 9px 24px;
cursor: pointer;
- text-transform: uppercase;
position: absolute;
+ border: 1px solid var(--filters-button-border);
+ border-radius: 4px;
}
-a.filtersButton > svg {
- padding-right: 5px;
+
+.filtersButton:hover {
+ background-color: var(--filters-button-hover-bg);
}
+
div.content {
height: 100%;
position: relative;
diff --git a/web/calendar/calendar.react.js b/web/calendar/calendar.react.js
--- a/web/calendar/calendar.react.js
+++ b/web/calendar/calendar.react.js
@@ -1,7 +1,5 @@
// @flow
-import { faFilter } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import dateFormat from 'dateformat';
import invariant from 'invariant';
import * as React from 'react';
@@ -179,8 +177,7 @@
onClick={this.toggleFilters}
style={filterButtonStyle}
>
- <FontAwesomeIcon icon={faFilter} />
- Filters
+ <SWMansionIcon icon="filters-2" size={16} />
</a>
<nav className={css.nav}>
<a
diff --git a/web/theme.css b/web/theme.css
--- a/web/theme.css
+++ b/web/theme.css
@@ -204,6 +204,9 @@
--active-drawer-item-bg: rgba(0, 0, 0, 0.5);
--community-drawer-lines: rgba(255, 255, 255, 0.08);
--topbar-button-bg: var(--shades-black-90);
+ --filters-button-bg: var(--shades-black-100);
+ --filters-button-border: var(--shades-black-80);
+ --filters-button-hover-bg: var(--shades-black-90);
--topbar-button-bg-hover: var(--shades-black-80);
--topbar-button-fg: var(--shades-white-60);
}

File Metadata

Mime Type
text/plain
Expires
Tue, Nov 26, 4:21 AM (21 h, 27 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2582867
Default Alt Text
D6740.diff (2 KB)

Event Timeline