Delete menu-sidebar-white.svg

skjnldsv · npmbuildbot[bot] · commit 572a18caf873 · 2020-04-15T07:46:59.000Z
Signed-off-by: John Molakvoæ (skjnldsv) &lt;skjnldsv@protonmail.com&gt;
Signed-off-by: npmbuildbot[bot] &lt;npmbuildbot[bot]@users.noreply.github.com&gt;
diff --git a/cypress/integration/files-shares.spec.js b/cypress/integration/files-shares.spec.js
@@ -98,7 +98,7 @@ describe('Files default view', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'image1.jpg')
-		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('not.be.visible')
+		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('not.be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/image-small.png.spec.js b/cypress/integration/image-small.png.spec.js
@@ -59,7 +59,7 @@ describe('Open image-small.png in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'image-small.png')
-		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/image.gif.spec.js b/cypress/integration/image.gif.spec.js
@@ -60,7 +60,7 @@ describe('Open image.gif in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'image.gif')
-		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/image.svg.spec.js b/cypress/integration/image.svg.spec.js
@@ -60,7 +60,7 @@ describe('Open image.svg in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'image.svg')
-		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/images-custom-list-loadmore.spec.js b/cypress/integration/images-custom-list-loadmore.spec.js
@@ -131,7 +131,7 @@ describe('Open custom list of images in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'image1.jpg')
-		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/images-custom-list.spec.js b/cypress/integration/images-custom-list.spec.js
@@ -98,7 +98,7 @@ describe('Open images in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'image1.jpg')
-		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
@@ -139,7 +139,7 @@ describe('Open images in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'image3.jpg')
-		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
@@ -173,7 +173,7 @@ describe('Open images in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'image1.jpg')
-		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/images.spec.js b/cypress/integration/images.spec.js
@@ -68,7 +68,7 @@ describe('Open images in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'image1.jpg')
-		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/sidebar.spec.js b/cypress/integration/sidebar.spec.js
@@ -69,7 +69,7 @@ describe('Open the sidebar', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'image1.jpg')
-		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
@@ -78,10 +78,10 @@ describe('Open the sidebar', function() {
 	})
 
 	it('Open the sidebar', function() {
-		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').click()
+		cy.get('#viewer-content .modal-header button.icon-info-white-forced').click()
 		cy.get('aside#app-sidebar').should('be.visible')
 		// we hide the sidebar button if opened
-		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('not.be.visible')
+		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('not.be.visible')
 		// check the sidebar is opened for the correct file
 		cy.get('aside#app-sidebar .app-sidebar-header .app-sidebar-header__title').should('contain', 'image1.jpg')
 		// check we indeed have a preview
@@ -141,7 +141,7 @@ describe('Open the sidebar', function() {
 	it('Close the sidebar', function() {
 		cy.get('aside#app-sidebar .app-sidebar-header .app-sidebar__close').click()
 		cy.get('aside#app-sidebar').should('not.be.visible')
-		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
 	})
 
 	it('Open the viewer with the sidebar open', function() {
@@ -161,7 +161,7 @@ describe('Open the sidebar', function() {
 		// close the sidebar again
 		cy.get('aside#app-sidebar .app-sidebar-header .app-sidebar__close').click()
 		cy.get('aside#app-sidebar').should('not.be.visible')
-		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
 	})
 
 	it('Does not have any visual regression 5', function() {
diff --git a/cypress/integration/video.mkv.spec.js b/cypress/integration/video.mkv.spec.js
@@ -59,7 +59,7 @@ describe('Open video.mkv in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'video.mkv')
-		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/video.mp4.spec.js b/cypress/integration/video.mp4.spec.js
@@ -59,7 +59,7 @@ describe('Open video1.mp4 in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'video1.mp4')
-		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/video.ogv.spec.js b/cypress/integration/video.ogv.spec.js
@@ -59,7 +59,7 @@ describe('Open video.ogv in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'video.ogv')
-		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/video.webm.spec.js b/cypress/integration/video.webm.spec.js
@@ -59,7 +59,7 @@ describe('Open video.webm in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'video.webm')
-		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/cypress/integration/videos.spec.js b/cypress/integration/videos.spec.js
@@ -55,7 +55,7 @@ describe('Open mp4 videos in viewer', function() {
 
 	it('See the menu icon and title on the viewer header', function() {
 		cy.get('#viewer-content .modal-title').should('contain', 'video1.mp4')
-		cy.get('#viewer-content .modal-header button.icon-menu-sidebar-white-forced').should('be.visible')
+		cy.get('#viewer-content .modal-header button.icon-info-white-forced').should('be.visible')
 		cy.get('#viewer-content .modal-header button.icon-close').should('be.visible')
 	})
 
diff --git a/js/viewer.js b/js/viewer.js
diff --git a/js/viewer.js.map b/js/viewer.js.map
diff --git a/src/assets/info-white.svg b/src/assets/info-white.svg
@@ -0,0 +1 @@
+<svg width="16" height="16" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m7.75 1a1.75 1.75 0 0 0-1.75 1.75 1.75 1.75 0 0 0 1.75 1.75 1.75 1.75 0 0 0 1.75-1.75 1.75 1.75 0 0 0-1.75-1.75zm-2.75 5c-0.554 0-1 0.446-1 1s0.446 1 1 1h2v5h-2c-0.554 0-1 0.446-1 1s0.446 1 1 1h6c0.554 0 1-0.446 1-1s-0.446-1-1-1h-2v-6c0-0.554-0.446-1-1-1h-3z" fill="#fff"/></svg>
diff --git a/src/assets/menu-sidebar-white.svg b/src/assets/menu-sidebar-white.svg
diff --git a/src/views/Viewer.vue b/src/views/Viewer.vue
@@ -43,7 +43,7 @@
 		<template #actions>
 			<ActionButton
 				v-if="Sidebar && !isSidebarShown"
-				icon="icon-menu-sidebar-white-forced"
+				icon="icon-info-white-forced"
 				@click="showSidebar">
 				{{ t('viewer', 'Open sidebar') }}
 			</ActionButton>
@@ -694,8 +694,8 @@ export default {
 }
 
 // force white icon
-.icon-menu-sidebar-white-forced {
-	background-image: url('~Assets/menu-sidebar-white.svg');
+.icon-info-white-forced {
+	background-image: url('~Assets/info-white.svg');
 }
 
 .file-view {
