sforkowany z mirror/soapbox
Rework the Post compose button
rodzic
d2d1f744ca
commit
1861d3227c
|
@ -33,6 +33,7 @@ import HomePage from 'gabsocial/pages/home_page';
|
|||
import SidebarMenu from '../../components/sidebar_menu';
|
||||
import { connectUserStream } from '../../actions/streaming';
|
||||
import { Redirect } from 'react-router-dom';
|
||||
import Icon from 'gabsocial/components/icon';
|
||||
|
||||
import {
|
||||
Status,
|
||||
|
@ -574,7 +575,7 @@ class UI extends React.PureComponent {
|
|||
goToRequests: this.handleHotkeyGoToRequests,
|
||||
} : {};
|
||||
|
||||
const floatingActionButton = shouldHideFAB(this.context.router.history.location.pathname) ? null : <button key='floating-action-button' onClick={this.handleOpenComposeModal} className='floating-action-button' aria-label={intl.formatMessage(messages.publish)} />;
|
||||
const floatingActionButton = shouldHideFAB(this.context.router.history.location.pathname) ? null : <button key='floating-action-button' onClick={this.handleOpenComposeModal} className='floating-action-button' aria-label={intl.formatMessage(messages.publish)}><Icon id='pencil' fixedWidth /></button>;
|
||||
|
||||
return (
|
||||
<HotKeys keyMap={keyMap} handlers={handlers} ref={this.setHotkeysRef} attach={window} focused>
|
||||
|
|
Plik binarny nie jest wyświetlany.
Przed Szerokość: | Wysokość: | Rozmiar: 18 KiB |
|
@ -13,10 +13,6 @@ $ui-base-lighter-color: #b0c0cf;
|
|||
@import 'application';
|
||||
@import 'gabsocial-light/diff';
|
||||
|
||||
.floating-action-button {
|
||||
filter: hue-rotate(-48deg);
|
||||
}
|
||||
|
||||
.tabs-bar__link {
|
||||
font-weight: bold;
|
||||
transition: 0.1s;
|
||||
|
|
|
@ -1531,16 +1531,20 @@ a.account__display-name {
|
|||
bottom: 14px;
|
||||
right: 14px;
|
||||
width: 61px;
|
||||
height: 52px;
|
||||
background-image: url('../images/sprite-main-navigation.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 161px 152px;
|
||||
background-position: -100px 0;
|
||||
background-color: transparent;
|
||||
height: 61px;
|
||||
background-color: $nav-ui-highlight-color;
|
||||
border: none;
|
||||
border-radius: 999px;
|
||||
box-shadow: 2px 5px 5px #999;
|
||||
font-size: 30px;
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {background-position: -100px -100px;}
|
||||
&:active {background-color: darken($nav-ui-highlight-color, 10%) !important;}
|
||||
|
||||
.fa-pencil {
|
||||
margin-right: 0;
|
||||
transform: translate(1px, 2px);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 360px) {
|
||||
|
|
|
@ -116,24 +116,20 @@ $nav-ui-background-color: $gab-brand-default !default;
|
|||
&__button-compose {
|
||||
display: block;
|
||||
@media screen and (max-width: $nav-breakpoint-3) {display: none;}
|
||||
width: 70px;
|
||||
width: 65px;
|
||||
height: 34px;
|
||||
margin-left: 20px;
|
||||
border-radius: 4px;
|
||||
background-image: url('../images/sprite-main-navigation.png');
|
||||
background-color: $nav-ui-highlight-color !important;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 161px 152px;
|
||||
background-position: 18px 2px;
|
||||
transition: background-color 0.2s;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
|
||||
&:hover {
|
||||
background-color: darken($nav-ui-highlight-color, 10%) !important;
|
||||
background-position: 18px -98px;
|
||||
box-shadow: inset 0 0 6px darken($gab-brand-default, 10%);
|
||||
}
|
||||
|
||||
span {display: none;}
|
||||
}
|
||||
|
||||
&__button {
|
||||
|
|
|
@ -93,10 +93,6 @@ body {
|
|||
background: $ui-highlight-color;
|
||||
}
|
||||
|
||||
.floating-action-button {
|
||||
filter: hue-rotate(-100deg);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.public-layout .header {
|
||||
margin-bottom: 70px;
|
||||
|
|
|
@ -113,10 +113,6 @@ body.app-body::after {
|
|||
background-color: $nav-ui-highlight-color !important;
|
||||
}
|
||||
|
||||
.floating-action-button {
|
||||
filter: hue-rotate(120deg);
|
||||
}
|
||||
|
||||
.button {
|
||||
background-color: $halloween-orange;
|
||||
&:focus, &:hover { background-color: darken($halloween-orange, 10%);}
|
||||
|
|
|
@ -14,7 +14,3 @@ $ui-base-lighter-color: darken(#69f31f, 35%);
|
|||
.public-layout .footer ul li a {
|
||||
color: lighten($gab-brand-default, 10%);
|
||||
}
|
||||
|
||||
.floating-action-button {
|
||||
filter: hue-rotate(-175deg);
|
||||
}
|
||||
|
|
|
@ -29,7 +29,3 @@ $ui-base-lighter-color: darken(#2da8be, 35%);
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.floating-action-button {
|
||||
filter: hue-rotate(-108deg);
|
||||
}
|
||||
|
|
Ładowanie…
Reference in New Issue