tykayn/mastodon
1
0
Fork 0
mirror of https://framagit.org/tykayn/mastodon.git synced 2023-08-25 08:33:12 +02:00
Code Issues Projects Releases Wiki Activity

hide some more left footer content

Browse Source
This commit is contained in:
Baptiste Lemoine 2020-11-01 11:09:10 +01:00
parent 7c710cd1ff
commit 32dbed3864
2 changed files with 123 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

145
app/javascript/mastodon/features/ui/components/link_footer.js
View File

@ -42,7 +42,7 @@ class LinkFooter extends React.PureComponent {
intl : PropTypes.object.isRequired,
};
static defaultProps = {
displayMoreLinks : false,
displayMoreLinks : displayMoreLinks,
enableChristmasSnow : true,
themeIsDark : true,
minimumWeekToShowSnow: 48,
@ -182,12 +182,7 @@ class LinkFooter extends React.PureComponent {
)}
<br />
<a
href='#external_utilities'
onClick={this.toggleMoreLinks}
>
<i className='fa fa-list-ul' />
</a >
{this.state.displayMoreLinks && (
<div
@ -196,9 +191,11 @@ class LinkFooter extends React.PureComponent {
>
<div >
<a href='https://events.cipherbliss.com'> <i className='fa fa-calendar ' /> Mobilizon</a >
<a href='https://peertube.cipherbliss.com'> <i className='fa fa-play ' /> Videos</a >
<a href='https://framadate.org/'> <i className='fa fa-calendar' /> FramaDate</a >
<a href='https://framadate.org/'> <i className='fa fa-calendar' /> Rdv</a >
<a href='https://framapad.org/'> <i className='fa fa-file-text' /> Pad</a >
<a href='https://framacalc.org/'> <i className='fa fa-cone' /> Calc</a >
<a href='https://framagit.org/tykayn/mastodon'> <i className='fa fa-gitlab' /> Source</a >
</div >
@ -207,7 +204,70 @@ class LinkFooter extends React.PureComponent {
{navToTags}
</ul >
</div >
<div className='usual_links'>
<ul>
<li ><a href='/auth/edit'><FormattedMessage
id='getting_started.security'
defaultMessage='Security'
/></a > ·
</li >
<li ><a
href='/about/more'
target='_blank'
><FormattedMessage
id='navigation_bar.info'
defaultMessage='About this server'
/></a > ·
</li >
<li ><a
href='https://joinmastodon.org/apps'
target='_blank'
><FormattedMessage
id='navigation_bar.apps'
defaultMessage='Mobile apps'
/></a > ·
</li >
<li ><a
href='/terms'
target='_blank'
><FormattedMessage
id='getting_started.terms'
defaultMessage='Terms of service'
/></a > ·
</li >
<li ><a
href='/settings/applications'
target='_blank'
><FormattedMessage
id='getting_started.developers'
defaultMessage='Developers'
/></a > ·
</li >
<li ><a
href='https://docs.joinmastodon.org'
target='_blank'
><FormattedMessage
id='getting_started.documentation'
defaultMessage='Documentation'
/></a > ·
</li >
</ul>
</div>
<p >
<FormattedMessage
id='getting_started.open_source_notice'
defaultMessage='Mastodon is open source software. You can contribute or report issues on the forge at {forge}.'
values={{
forge: <span ><a
href={source_url}
rel='noopener noreferrer'
target='_blank'
>{repository}</a > (v{version})</span >,
}}
/>
</p >
</div >
)}
</div >
@ -224,51 +284,7 @@ class LinkFooter extends React.PureComponent {
id='navigation_bar.keyboard_shortcuts'
defaultMessage='Hotkeys'
/></Link > · </li >}
<li ><a href='/auth/edit'><FormattedMessage
id='getting_started.security'
defaultMessage='Security'
/></a > ·
</li >
<li ><a
href='/about/more'
target='_blank'
><FormattedMessage
id='navigation_bar.info'
defaultMessage='About this server'
/></a > ·
</li >
<li ><a
href='https://joinmastodon.org/apps'
target='_blank'
><FormattedMessage
id='navigation_bar.apps'
defaultMessage='Mobile apps'
/></a > ·
</li >
<li ><a
href='/terms'
target='_blank'
><FormattedMessage
id='getting_started.terms'
defaultMessage='Terms of service'
/></a > ·
</li >
<li ><a
href='/settings/applications'
target='_blank'
><FormattedMessage
id='getting_started.developers'
defaultMessage='Developers'
/></a > ·
</li >
<li ><a
href='https://docs.joinmastodon.org'
target='_blank'
><FormattedMessage
id='getting_started.documentation'
defaultMessage='Documentation'
/></a > ·
</li >
<li ><a
href='/auth/sign_out'
onClick={this.handleLogoutClick}
@ -277,20 +293,17 @@ class LinkFooter extends React.PureComponent {
defaultMessage='Logout'
/></a ></li >
</ul >
<a
className='toggle_links '
data-active={this.state.displayMoreLinks }
href='#external_utilities'
onClick={this.toggleMoreLinks}
>
<i className='fa fa-list-ul' />
</a >
<p >
<FormattedMessage
id='getting_started.open_source_notice'
defaultMessage='Mastodon is open source software. You can contribute or report issues on the forge at {forge}.'
values={{
forge: <span ><a
href={source_url}
rel='noopener noreferrer'
target='_blank'
>{repository}</a > (v{version})</span >,
}}
/>
</p >
</div >
);
}

53
app/javascript/styles/bliss/_general_overrides.scss
View File

@ -1,35 +1,62 @@
.status__content{
.status__content {
min-height: 5em;
}
.status__wrapper{
.status__wrapper {
border-left: solid 3px transparent;
transition: 0.5s all ease;
&:hover{
&:hover {
transition: 0.2s all ease;
border-left: solid 3px #528dc8;
}
}
.detailed-status__wrapper{
.detailed-status__wrapper {
border-left: solid 3px #528dc8;
}
.links-started__footer {
li {
display: inline-block;
}
.fa{
&:hover{
color: $gold-star;
}
}
a {
display: inline-block;
padding: .5em;
text-decoration: none;
.fa{
.fa {
margin-right: 1ch;
}
&:visited {
color: #528dc8;
}
&:hover{
color: $gold-star;
}
&.staff-actions {
.fa {
color: $gold-star !important;
}
}
}
.toggle_links {
&[data-active=true] {
background: $classic-primary-color;
color: white;
}
}
}
.compose-form {
@ -49,11 +76,19 @@
color: white;
}
}
.account--panel{
margin-top:1em;
}
.account--panel__button{
.account__relationship{
button{
width: 10em;
height: 3em;
}
}
.account--panel {
margin-top: 1em;
}
.account--panel__button {
button {
display: block;
}
}