Skip to content
This repository has been archived by the owner on Dec 11, 2019. It is now read-only.

Made every place of buttons on the navigation bar clickable #5750

Merged
merged 2 commits into from
Nov 21, 2016
Merged

Made every place of buttons on the navigation bar clickable #5750

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
214ce2d
Made every place of buttons on the navigation bar (backButton, forwar…
Nov 19, 2016
23fa125
reduced icon sizes in CSS and edited SVG line thickness
bradleyrichter Nov 20, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 14 additions & 1 deletion img/toolbar/back_btn.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
15 changes: 14 additions & 1 deletion img/toolbar/forward_btn.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
60 changes: 25 additions & 35 deletions less/navigationBar.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -481,19 +481,9 @@

.backButton,
.forwardButton {
width: 20px;
margin-top: 5px;
}

.backButton {
padding-right:4px;
margin-left: 4px;
width: 100%;
}

.forwardButton {
padding-left: 4px;
margin-left: 6px;
}
}

// Navigation bar at the center
Expand Down Expand Up @@ -532,10 +522,10 @@

.extensionButton {
-webkit-app-region: no-drag;
background-size: contain;
height: 17px;
margin: 4px 4px 0 0;
opacity: 0.85;
background-size: contain;
height: 17px;
margin: 4px 4px 0 0;
opacity: 0.85;
}

.braveMenu {
Expand Down Expand Up @@ -581,11 +571,11 @@
width: 26px;
margin-left: -3px;
margin-right: 6px;

&.nav {
margin-left: 4px;
margin-right: 1px;
width: 34px;
margin-left: 4px;
margin-right: 1px;
width: 34px;
}

&:last-child {
Expand All @@ -600,44 +590,44 @@

.backButton,
.forwardButton {
height: 15px;
height: 24px;
width: 30px;
margin-top: 5px;
margin: 0;
}

.backButton {
background: url('../img/toolbar/back_btn.svg') center no-repeat;
margin-left: 4px;
background-size: 14px 14px;
}

.forwardButton {
background: url('../img/toolbar/forward_btn.svg') center no-repeat;
margin-left: 4px;
background-size: 14px 14px;
}

#navigator {
.stopButton,
.reloadButton,
.homeButton {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

.stopButton {
background: url('../img/toolbar/stoploading_btn.svg') center no-repeat;
margin: 0 3px 3px 3px;
padding: 0 6px;
height: 12px;
position: relative;
top: 3px;
background-size: 11px 11px;
}

.reloadButton {
background: url('../img/toolbar/reload_btn.svg') center no-repeat;
margin: 0 3px -1px 3px;
padding: 0 4px;
position: relative;
background-size: 13px 13px;
}

.homeButton {
background: url('../img/toolbar/home_btn.svg') center no-repeat;
width: 14px;
height: 13px;
padding: 0 6px;
position: relative;
background-size: 16px 16px;
}

.bookmarkButton {
Expand Down