mozilla
/
serviceworker-cookbook
зеркало из https://github.com/mdn/serviceworker-cookbook.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Merge pull request #118 from brendandahl/mobile 

Improve mobile viewing.
This commit is contained in:
Marco 2015-11-20 11:22:30 +00:00
Родитель 51755d562f 3ba9807bef
Коммит 2ef46c81fa
2 изменённых файлов: 20 добавлений и 9 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

10
src/css/style.css
Просмотреть файл

@ -251,17 +251,25 @@ iframe {
padding-right: 20px;
}
.nav-top .tabs {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.nav-top .item {
font-size: 14px;
display: flex;
}
.nav-top a {
padding: .4rem .8rem;
color: #999;
border-bottom: 2px solid transparent;
}
.nav-top a:hover:not(.active) {
border-bottom: 2px solid #ccc;
border-bottom-color: #ccc;
color: inherit;
background: #eee;
}

19
src/tpl/layout.html
Просмотреть файл

@ -2,6 +2,7 @@
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<title>ServiceWorker Cookbook</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="tabzilla/css/tabzilla.css">
@ -61,14 +62,16 @@
<div class="item">
<button id="navToggle" class="fi-list large"></button>
</div>
{% if currentRecipe %}
<div class="item"><a href="{{ currentRecipe.intro_ref }}">Readme</a></div>
<div class="item"><a href="{{ currentRecipe.demo_ref }}">Demo</a></div>
<div class="item" style="flex-grow: 1;"></div>
{% for src in currentRecipe.srcs %}
<div class="item"><a href="{{ src.ref }}">{{ src.name }}.js</a></div>
{% endfor %}
{% endif %}
<div class="tabs">
{% if currentRecipe %}
<div class="item"><a href="{{ currentRecipe.intro_ref }}">Readme</a></div>
<div class="item"><a href="{{ currentRecipe.demo_ref }}">Demo</a></div>
<div class="item" style="flex-grow: 1;"></div>
{% for src in currentRecipe.srcs %}
<div class="item"><a href="{{ src.ref }}">{{ src.name }}.js</a></div>
{% endfor %}
{% endif %}
</div>
</div>
</header>
<div class="main-inner">