arno/lychee
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fixed view.php and updated the sidebar width

Browse Source
This commit is contained in:
Tobias Reich 2015-09-28 20:36:18 +02:00
parent 9a0d13b878
commit d1d652f868
3 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist/main.css vendored
View File

Binary file not shown.

10
src/styles/_sidebar.scss
View File

@ -2,7 +2,7 @@
position: fixed; position: fixed;
top: 50px; top: 50px;
right: -370px; right: -360px;
width: 350px; width: 350px;
height: calc(100% - 50px); height: calc(100% - 50px);
background-color: rgba(25, 25, 25, .98); background-color: rgba(25, 25, 25, .98);
@ -10,7 +10,7 @@
transform: translateX(0); transform: translateX(0);
transition: transform .3s $timing; transition: transform .3s $timing;
&.active { transform: translateX(-320px); } &.active { transform: translateX(-360px); }
&.notSelectable table tr td:last-child { &.notSelectable table tr td:last-child {
-webkit-user-select: none !important; -webkit-user-select: none !important;
@ -29,8 +29,8 @@
&__header h1 { &__header h1 {
position: absolute; position: absolute;
margin: 15px 50px 15px 0; margin: 15px 0 15px 0;
width: calc(100% - 50px); width: 100%;
color: #fff; color: #fff;
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
@ -41,7 +41,7 @@
&__wrapper { &__wrapper {
float: left; float: left;
height: calc(100% - 49px); height: calc(100% - 49px);
width: 300px; width: 350px;
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }

26
view.php
View File

@ -51,16 +51,20 @@
<!-- endinject --> <!-- endinject -->
<!-- Header --> <!-- Header -->
<header class="view"> <header class="header header--view">
<a class="button button--right button--info" id="button_info" title="About Photo"> <div class="header__toolbar header__toolbar--public header__toolbar--visible">
<svg class="iconic"><use xlink:href="#info"></use></svg>
</a>
<a class="button button--right" id="button_direct" title="Direct Link">
<svg class="iconic"><use xlink:href="#link-intact"></use></svg>
</a>
<a id="title" class="view"></a> <a class="header__title"></a>
<a class="button button--info" id="button_info" title="About Photo">
<svg class="iconic"><use xlink:href="#info"></use></svg>
</a>
<a class="button" id="button_direct" title="Direct Link">
<svg class="iconic"><use xlink:href="#link-intact"></use></svg>
</a>
</div>
</header> </header>
@ -68,11 +72,11 @@
<div id="imageview" class="view"></div> <div id="imageview" class="view"></div>
<!-- Infobox --> <!-- Infobox -->
<div id="sidebar"> <div class="sidebar">
<div class='header'> <div class="sidebar__header">
<h1>About</h1> <h1>About</h1>
</div> </div>
<div class='wrapper'></div> <div class="sidebar__wrapper"></div>
</div> </div>
<!-- JS --> <!-- JS -->