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

26
view.php
View File

@ -51,16 +51,20 @@
<!-- endinject -->
<!-- Header -->
<header class="view">
<header class="header header--view">
<a class="button button--right button--info" id="button_info" title="About Photo">
<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>
<div class="header__toolbar header__toolbar--public header__toolbar--visible">
<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>
@ -68,11 +72,11 @@
<div id="imageview" class="view"></div>
<!-- Infobox -->
<div id="sidebar">
<div class='header'>
<div class="sidebar">
<div class="sidebar__header">
<h1>About</h1>
</div>
<div class='wrapper'></div>
<div class="sidebar__wrapper"></div>
</div>
<!-- JS -->