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

Add variables for the improved flat top panel #7804

Merged
merged 1 commit into from
Mar 26, 2017
Merged

Add variables for the improved flat top panel #7804

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
5 changes: 3 additions & 2 deletions app/renderer/components/styles/global.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -97,11 +97,12 @@ const globalStyles = {
navbarHeight: '36px',
downloadsBarHeight: '50px',
tabsToolbarHeight: '28px',
tabPagesHeight: '9px',
tabPagesHeight: '7px',
bookmarksToolbarHeight: '24px',
bookmarksToolbarWithFaviconsHeight: '28px',
bookmarksToolbarWithFaviconsHeight: '24px',
bookmarksFileIconSize: '13px',
bookmarksFolderIconSize: '15px',
navbarMenubarMargin: '7px',
navbarButtonSpacing: '4px',
navbarButtonWidth: '20px',
navbarBraveButtonWidth: '23px',
Expand Down
4 changes: 2 additions & 2 deletions less/bookmarksToolbar.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
box-sizing: border-box;
display: flex;
flex: 1;
padding: 7px var(--bookmarks-toolbar-padding) 8px;
padding: @navbarMenubarMargin var(--bookmarks-toolbar-padding);

&.allowDragging {
-webkit-app-region: drag;
Expand All @@ -27,7 +27,7 @@
}

&.showOnlyFavicon {
padding: 7px 0 7px 10px;
padding: @navbarMenubarMargin 0 @tabPagesHeight 10px;
}

// PR #7740
Expand Down
2 changes: 1 addition & 1 deletion less/navigationBar.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -622,7 +622,7 @@
.navigatorWrapper {
justify-content: space-between;
align-items: center;
margin-top: 7px;
margin-top: @navbarMenubarMargin;
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

between the top edge of a window and the URL bar

box-sizing: border-box;

/**
Expand Down
6 changes: 3 additions & 3 deletions less/tabs.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -137,12 +137,12 @@
.tabPages {
background: none;
display: flex;
height: @tabPagesHeight;
padding: 7px 0;
justify-content: center;
height: @tabPagesHeight;
padding: @tabPagesHeight 0 @navbarMenubarMargin 0;
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • between the bookmark toolbar and the tab pages
  • between the tab pages and the tabsbar

position: relative;
text-align: center;
z-index: @zindexTabs;

&.allowDragging {
-webkit-app-region: drag;
>* {
Expand Down
1 change: 1 addition & 0 deletions less/variables.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -83,6 +83,7 @@
@bookmarksFileIconSize: 13px;
@bookmarksFolderIconSize: 15px;

@navbarMenubarMargin: 7px;
@navbarButtonSpacing: 4px;
@navbarButtonWidth: 20px;
@navbarBraveButtonWidth: 23px;
Expand Down