hazza/Phraseanet
1
0
Fork 0
mirror of https://github.com/alchemy-fr/Phraseanet.git synced 2025-10-23 09:53:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

PHRAS-3138 Fix on lightbox

Browse Source
This commit is contained in:
Harrys Ravalomanana
2020-06-18 22:56:23 +04:00
parent d3619c8780
commit 34b4f26318
13 changed files with 77 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
resources/www/lightbox/images/chevron-left-solid.svg Normal file
View File

@@ -0,0 +1 @@
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-left" class="svg-inline--fa fa-chevron-left fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 482 B

1
resources/www/lightbox/images/chevron-right-solid.svg Normal file
View File

@@ -0,0 +1 @@
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 527 B

1
resources/www/lightbox/images/file-download-solid.svg Normal file
View File

@@ -0,0 +1 @@
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="file-download" class="svg-inline--fa fa-file-download fa-w-12" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="#ffffff" d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm76.45 211.36l-96.42 95.7c-6.65 6.61-17.39 6.61-24.04 0l-96.42-95.7C73.42 337.29 80.54 320 94.82 320H160v-80c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v80h65.18c14.28 0 21.4 17.29 11.27 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 625 B

1
resources/www/lightbox/images/home-solid.svg Normal file
View File

@@ -0,0 +1 @@
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="home" class="svg-inline--fa fa-home fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="#ffffff" d="M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 708 B

1
resources/www/lightbox/images/pause-solid.svg Normal file
View File

@@ -0,0 +1 @@
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="pause" class="svg-inline--fa fa-pause fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M144 479H48c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm304-48V79c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48z"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 444 B

1
resources/www/lightbox/images/play-solid.svg Normal file
View File

@@ -0,0 +1 @@
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="play" class="svg-inline--fa fa-play fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 339 B

45
resources/www/lightbox/styles/main.scss
View File

@@ -214,6 +214,31 @@ img {
overflow: hidden;
background-color: #1F1E1B;
color: #BFBFBF;
.PNB.choices {
position: relative;
}
.comment_button {
text-align: center;
background: #353430;
margin: 0;
width: 118px;
position: absolute;
left: 50%;
transform: translateX(-50%);
padding: 7px;
font-size: 14px;
line-height: 14px;
border: 0;
bottom: 10px;
.fa-comment.icon-white {
font-size: 15px;
line-height: 18px;
margin-right: 10px;
}
}
.user_infos .comment_button {
bottom: initial;
}
}
#basket_options {
@@ -230,6 +255,11 @@ img {
#basket_infos .user_infos {
height: 120px;
top: auto;
bottom: 43px;
}
.lightbox-icon {
width: 10px;
padding-bottom: 1px;
}
#basket_infos {
@@ -284,7 +314,7 @@ img {
}
#right_column .right_column_wrapper {
//top: 30px;
top: 30px;
bottom: 45px;
}
@@ -296,6 +326,7 @@ img {
#record_infos {
overflow-x: hidden;
overflow-y: auto;
margin-bottom: 80px;
}
#record_compare {
@@ -303,7 +334,10 @@ img {
top: auto;
left: auto;
}
.download-feed{
color: #fff;
font-size: 22px;
}
#record_compare .header, #record_compare .lightbox_container {
left: 5px;
}
@@ -562,6 +596,13 @@ hr {
.report {
margin: 0 10px;
vertical-align: bottom;
}.back-home {
margin: 0 10px;
vertical-align: bottom;
width: 20px;
background: #1F1E1B;
padding: 5px;
border-radius: 3px;
}
/*