Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Remove link :hover animation & remove negating class. 

This removes the link :hover underline animation and then also removes
all instances of `.no-style` that negated the effect.
This commit is contained in:
Brock Whittaker 2017-08-30 11:58:31 -07:00 committed by Tim Abbott
parent 5c637b6452
commit 44ace3e062
9 changed files with 38 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
static/styles/landing-page.css
View File

@ -37,11 +37,6 @@ a:visited {
color: hsl(170, 47%, 53%);
}
a.no-style:hover {
text-decoration: none;
color: inherit;
}
a.arrow:after {
content: " ";
display: inline-block;
@ -72,24 +67,7 @@ a {
}
a:hover {
text-decoration: none;
}
a:not(.no-style):before {
content: " ";
position: absolute;
bottom: -1px;
height: 1px;
width: 0%;
background-color: hsl(170, 47%, 53%);
transition: all 0.5s ease;
}
a:not(.no-style):hover:before {
width: 100%;
text-decoration: underline;
}
.flex {

2
templates/zerver/about.html
View File

@ -206,7 +206,7 @@
{% for person in group %}
{% if person %}
<div class="person">
<a class="no-style" href="https://github.com/{{ person.name }}" target="_blank">
<a href="https://github.com/{{ person.name }}" target="_blank">
<div class="avatar">
<img class="avatar_img" src="{{ person.avatar }}" alt="{{ _('Avatar') }}" />
</div>

12
templates/zerver/apps.html
View File

@ -26,7 +26,7 @@
<div class="cta">
<h1>Zulip for <span class="platform"></span></h1>
<p><span class="description"></span></p>
<a class="link no-style no-action" href="">
<a class="link no-action" href="">
<button type="button" name="button">Download Zulip for <span class="platform"></span></button>
</a>
</div>
@ -43,19 +43,19 @@
<h2>Apps for every platform.</h2>
<div class="apps">
<a class="no-style" href="/apps/mac">
<a class="" href="/apps/mac">
<i class="icon fa fa-apple" data-label="macOS"></i>
</a>
<a class="no-style" href="/apps/windows">
<a class="" href="/apps/windows">
<i class="icon fa fa-windows" data-label="Windows"></i>
</a>
<a class="no-style" href="/apps/linux">
<a class="" href="/apps/linux">
<i class="icon fa fa-linux" data-label="Linux"></i>
</a>
<a class="no-style" href="/apps/android">
<a class="" href="/apps/android">
<i class="icon fa fa-android" data-label="Android"></i>
</a>
<a class="no-style" href="/apps/ios">
<a class="" href="/apps/ios">
<i class="icon fa fa-mobile-phone" data-label="iOS"></i>
</a>
</div>

2
templates/zerver/features.html
View File

@ -93,7 +93,7 @@
<p>Communicate as efficiently as you use your favorite
text editor. Anything you can do with a mouse, you
can do even faster from the keyboard.
<a class="cta no-style" href="/help/">
<a class="cta" href="/help/">
Learn more about keyboard shortcuts.</a>
</p>
</div>

26
templates/zerver/hello.html
View File

@ -43,7 +43,7 @@
name="button">{{ _('Log in now!') }}</button>
</a>
{% else %}
<a class="no-style" href="{{ url('register') }}">
<a href="{{ url('register') }}">
<button href="" class="download-button" type="button"
name="button">{{ _('Register now!') }}</button>
</a>
@ -313,22 +313,22 @@
</div>
<div class="group">
<h2>Desktop</h2>
<a class="no-style" href="{{ apps_page_url }}mac">
<a href="{{ apps_page_url }}mac">
<i class="icon-vector-apple platform-icon"></i>
</a>
<a class="no-style" href="{{ apps_page_url }}windows">
<a href="{{ apps_page_url }}windows">
<i class="icon-vector-windows platform-icon"></i>
</a>
<a class="no-style" href="{{ apps_page_url }}linux">
<a href="{{ apps_page_url }}linux">
<i class="icon-vector-linux platform-icon"></i>
</a>
</div>
<div class="group">
<h2>Mobile</h2>
<a class="no-style" href="{{ apps_page_url }}ios">
<a href="{{ apps_page_url }}ios">
<i class="icon-vector-mobile-phone platform-icon"></i>
</a>
<a class="no-style" href="{{ apps_page_url }}android">
<a href="{{ apps_page_url }}android">
<i class="icon-vector-android platform-icon"></i>
</a>
</div>
@ -512,49 +512,49 @@
</div>
<div class="integration-icons">
<a href="/integrations/doc/travis" class="no-style">
<a href="/integrations/doc/travis">
<div class="group">
<img class="integration-logo" src="/static/images/integrations/logos/travis.svg" alt="{{ _('Travis logo') }}"></img>
<h3 class="integration-name">Travis CI</h3>
<p class="integration-description">See build results immediately</p>
</div>
</a>
<a href="/integrations/doc/github" class="no-style">
<a href="/integrations/doc/github">
<div class="group">
<img class="integration-logo" src="/static/images/integrations/logos/github.svg" alt="{{ _('Github logo') }}"></img>
<h3 class="integration-name">Github</h3>
<p class="integration-description">Track issues and pull requests</p>
</div>
</a>
<a href="/integrations/doc/heroku" class="no-style">
<a href="/integrations/doc/heroku">
<div class="group">
<img class="integration-logo" src="/static/images/integrations/logos/heroku.svg" alt="{{ _('Heroku logo') }}"></img>
<h3 class="integration-name">Heroku</h3>
<p class="integration-description">Keep up with deployments</p>
</div>
</a>
<a href="/integrations/doc/zendesk" class="no-style">
<a href="/integrations/doc/zendesk">
<div class="group">
<img class="integration-logo" src="/static/images/integrations/logos/zendesk.svg" alt="{{ _('Zendesk logo') }}"></img>
<h3 class="integration-name">Zendesk</h3>
<p class="integration-description">Receive support tickets and updates</p>
</div>
</a>
<a href="/integrations/doc/jira" class="no-style">
<a href="/integrations/doc/jira">
<div class="group">
<img class="integration-logo" src="/static/images/integrations/logos/jira.svg" alt="{{ _('JIRA logo') }}"></img>
<h3 class="integration-name">JIRA</h3>
<p class="integration-description">Monitor project bugs and issues</p>
</div>
</a>
<a href="/integrations/doc/sentry" class="no-style">
<a href="/integrations/doc/sentry">
<div class="group">
<img class="integration-logo" src="/static/images/integrations/logos/sentry.svg" alt="{{ _('Sentry logo') }}"></img>
<h3 class="integration-name">Sentry</h3>
<p class="integration-description">See real-time error tracking</p>
</div>
</a>
<a href="/integrations/doc/pagerduty" class="hide-1 no-style">
<a href="/integrations/doc/pagerduty" class="hide-1">
<div class="group">
<img class="integration-logo" src="/static/images/integrations/logos/pagerduty.svg" alt="{{ _('Pagerduty logo') }}"></img>
<h3 class="integration-name">Pagerduty</h3>

4
templates/zerver/integrations/index.html
View File

@ -85,7 +85,7 @@
<div class="integration-lozenges">
{% for integration in integrations_dict.values() %}
{% if integration.is_enabled() %}
<a href="/integrations/doc/{{ integration.name }}" class="no-style">
<a href="/integrations/doc/{{ integration.name }}">
<div
{% if integration.legacy %}
class="integration-lozenge integration-{{ integration.name }} legacy"{% else %}
@ -108,7 +108,7 @@
</a>
{% endif %}
{% endfor %}
<a href="http://zulip.readthedocs.io/en/latest/integration-guide.html" class="no-style">
<a href="http://zulip.readthedocs.io/en/latest/integration-guide.html">
<div class="integration-lozenge integration-create-your-own">
<div class="integration-logo">
<i class="icon-vector-plus"></i>

18
templates/zerver/landing_nav.html
View File

@ -1,6 +1,6 @@
<nav>
<div class="content">
<a class="brand logo no-style" href="{{ root_domain_uri }}">
<a class="brand logo" href="{{ root_domain_uri }}">
<svg class="brand-logo" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 40 40" version="1.1">
<g transform="translate(-297.14285,-466.64792)">
<circle cx="317.14285" cy="486.64792" r="19.030317" style="fill:#fff;stroke-width:1.93936479;stroke:transparent"></circle>
@ -12,36 +12,36 @@
<ul>
<div class="exit">&times;</div>
<li on-page="hello">
<a class="no-style" href="/hello/">Home</a>
<a href="/hello/">Home</a>
</li>
<li on-page="features">
<a class="no-style" href="/features/">Features</a>
<a href="/features/">Features</a>
</li>
<li on-page="apps">
<a class="no-style" href="{{ apps_page_url }}">Apps</a>
<a href="{{ apps_page_url }}">Apps</a>
</li>
<li on-page="integrations">
<a class="no-style" href="/integrations/">Integrations</a>
<a href="/integrations/">Integrations</a>
</li>
<li on-page="help">
<a class="no-style" href="/help/">Help Center</a>
<a href="/help/">Help Center</a>
</li>
{% if register_link_disabled %}
{% else %}
<li>
<a class="no-style" href="/login/">Login</a>
<a href="/login/">Login</a>
</li>
{% endif %}
{% if register_link_disabled %}
{% else %}
<li>
<a class="no-style" href="/register/">Register</a>
<a href="/register/">Register</a>
</li>
{% endif %}
{% if find_team_link_disabled %}
{% else %}
<li>
<a class="no-style" href="/accounts/find/">Find Accounts</a>
<a href="/accounts/find/">Find Accounts</a>
</li>
{% endif %}
</ul>

2
templates/zerver/navbar.html
View File

@ -1,7 +1,7 @@
<div class="header">
<nav class="header-main rightside-userlist" id="top_navbar">
<div class="column-left">
<a class="no-style brand" href="#">
<a class="brand" href="#">
<img src="/static/images/logo/zulip-icon-128x128.png" class="nav-logo no-drag" alt=""/>
<div class="company-name">
zulip

8
templates/zerver/plans.html
View File

@ -44,7 +44,7 @@
<div class="pricing-details">
Free and open source forever!
</div>
<a href="https://zulip.readthedocs.io/en/latest/prod.html" class="no-style">
<a href="https://zulip.readthedocs.io/en/latest/prod.html">
<button class="green" type="button">
Install a Zulip server!
</button>
@ -75,7 +75,7 @@
Pricing varies with support
required.
</div>
<a href="mailto:sales@zulipchat.com" target="_blank" class="no-style">
<a href="mailto:sales@zulipchat.com" target="_blank">
<button class="green" type="button" name="button">Contact sales!</button>
</a>
</div>
@ -109,7 +109,7 @@
<div class="pricing-details">
Free!
</div>
<a href="/create_realm/" class="no-style">
<a href="/create_realm/">
<button class="green" type="button">
Sign up now!
</button>
@ -142,7 +142,7 @@
$8.00 billed monthly
</div>
</div>
<a href="/create_realm/" class="no-style">
<a href="/create_realm/">
<button class="green" type="button">
Sign up now!
</button>