Skip to content

GitLab

T
tangled
Commit 1c5bc38f authored by tfarina@chromium.org's avatar tfarina@chromium.org
Browse files
Options

bookmarks: Convert "Remove" link into a LabelButton. 

This also tweaked all the paddings/spacings all around to make the bubble really closer to the mocks.

BUG=231694
TEST=ctrl+D or press the star button in the omnibox, observe the Bookmark Bubble,
there should be a "Remove" Button in the left side of "Edit.." button.
R=msw@chromium.org, sky@chromium.org

Review URL: https://codereview.chromium.org/16279002

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@207802 0039d316-1c4b-4281-b951-d872f2087c98
parent 9f8d8abb
Hide whitespace changes
Inline Side-by-side
Showing with 66 additions and 77 deletions
chrome/app/bookmarks_strings.grdp
View file @ 1c5bc38f
...@@ -183,18 +183,18 @@ ...@@ -183,18 +183,18 @@
<message name="IDS_BOOKMARK_BUBBLE_PAGE_BOOKMARK" desc="Title of the bubble when re-clicking on a bookmark"> <message name="IDS_BOOKMARK_BUBBLE_PAGE_BOOKMARK" desc="Title of the bubble when re-clicking on a bookmark">
Bookmark Bookmark
</message> </message>
<message name="IDS_BOOKMARK_BUBBLE_OPTIONS" desc="Title of the link the user can click to edit details of the bookmark">
Edit...
</message>
<message name="IDS_BOOKMARK_BUBBLE_REMOVE_BOOKMARK" desc="Link for removing the bookmark">
Remove
</message>
<message name="IDS_BOOKMARK_BUBBLE_TITLE_TEXT" desc="Text preceding the title of the page that was bookmarked"> <message name="IDS_BOOKMARK_BUBBLE_TITLE_TEXT" desc="Text preceding the title of the page that was bookmarked">
Name: Name:
</message> </message>
<message name="IDS_BOOKMARK_BUBBLE_FOLDER_TEXT" desc="Text preceding the folder selector"> <message name="IDS_BOOKMARK_BUBBLE_FOLDER_TEXT" desc="Text preceding the folder selector">
Folder: Folder:
</message> </message>
<message name="IDS_BOOKMARK_BUBBLE_REMOVE_BOOKMARK" desc="Title of the button for removing the bookmark">
Remove
</message>
<message name="IDS_BOOKMARK_BUBBLE_OPTIONS" desc="Title of the button the user can click to edit details of the bookmark">
Edit...
</message>
<if expr="not pp_ifdef('use_titlecase')"> <if expr="not pp_ifdef('use_titlecase')">
<message name="IDS_BOOKMARK_BUBBLE_CHOOSER_ANOTHER_FOLDER" desc="Text in the combobox allowing the user to choose another folder (by bringing up th editor)."> <message name="IDS_BOOKMARK_BUBBLE_CHOOSER_ANOTHER_FOLDER" desc="Text in the combobox allowing the user to choose another folder (by bringing up th editor).">
Choose another folder... Choose another folder...
......
chrome/browser/ui/views/bookmarks/bookmark_bubble_view.cc
View file @ 1c5bc38f
...@@ -22,6 +22,7 @@ ...@@ -22,6 +22,7 @@
#include "ui/base/keycodes/keyboard_codes.h" #include "ui/base/keycodes/keyboard_codes.h"
#include "ui/base/l10n/l10n_util.h" #include "ui/base/l10n/l10n_util.h"
#include "ui/base/resource/resource_bundle.h" #include "ui/base/resource/resource_bundle.h"
#include "ui/views/bubble/bubble_frame_view.h"
#include "ui/views/controls/button/label_button.h" #include "ui/views/controls/button/label_button.h"
#include "ui/views/controls/combobox/combobox.h" #include "ui/views/controls/combobox/combobox.h"
#include "ui/views/controls/label.h" #include "ui/views/controls/label.h"
...@@ -37,14 +38,8 @@ using views::GridLayout; ...@@ -37,14 +38,8 @@ using views::GridLayout;
namespace { namespace {
// Padding between "Title:" and the actual title. // Minimum width of the the bubble.
const int kTitlePadding = 4; const int kMinBubbleWidth = 350;
// Minimum width for the fields - they will push out the size of the bubble if
// necessary. This should be big enough so that the field pushes the right side
// of the bubble far enough so that the edit button's left edge is to the right
// of the field's left edge.
const int kMinimumFieldSize = 180;
} // namespace } // namespace
...@@ -146,9 +141,9 @@ bool BookmarkBubbleView::AcceleratorPressed( ...@@ -146,9 +141,9 @@ bool BookmarkBubbleView::AcceleratorPressed(
} }
void BookmarkBubbleView::Init() { void BookmarkBubbleView::Init() {
remove_link_ = new views::Link(l10n_util::GetStringUTF16( remove_button_ = new views::LabelButton(this, l10n_util::GetStringUTF16(
IDS_BOOKMARK_BUBBLE_REMOVE_BOOKMARK)); IDS_BOOKMARK_BUBBLE_REMOVE_BOOKMARK));
remove_link_->set_listener(this); remove_button_->SetStyle(views::Button::STYLE_NATIVE_TEXTBUTTON);
edit_button_ = new views::LabelButton( edit_button_ = new views::LabelButton(
this, l10n_util::GetStringUTF16(IDS_BOOKMARK_BUBBLE_OPTIONS)); this, l10n_util::GetStringUTF16(IDS_BOOKMARK_BUBBLE_OPTIONS));
...@@ -166,66 +161,45 @@ void BookmarkBubbleView::Init() { ...@@ -166,66 +161,45 @@ void BookmarkBubbleView::Init() {
parent_combobox_->set_listener(this); parent_combobox_->set_listener(this);
parent_combobox_->SetAccessibleName(combobox_label->text()); parent_combobox_->SetAccessibleName(combobox_label->text());
views::Label* title_label = new views::Label(
l10n_util::GetStringUTF16(
newly_bookmarked_ ? IDS_BOOKMARK_BUBBLE_PAGE_BOOKMARKED :
IDS_BOOKMARK_BUBBLE_PAGE_BOOKMARK));
ui::ResourceBundle& rb = ui::ResourceBundle::GetSharedInstance();
title_label->SetFont(rb.GetFont(ui::ResourceBundle::MediumFont));
GridLayout* layout = new GridLayout(this); GridLayout* layout = new GridLayout(this);
SetLayoutManager(layout); SetLayoutManager(layout);
ColumnSet* cs = layout->AddColumnSet(0); // The column layout used for middle and bottom rows.
const int kFirstColumnSetID = 0;
// Top (title) row. ColumnSet* cs = layout->AddColumnSet(kFirstColumnSetID);
cs->AddColumn(GridLayout::CENTER, GridLayout::CENTER, 0, GridLayout::USE_PREF,
0, 0);
cs->AddPaddingColumn(1, views::kUnrelatedControlHorizontalSpacing);
cs->AddColumn(GridLayout::CENTER, GridLayout::CENTER, 0, GridLayout::USE_PREF,
0, 0);
// Middle (input field) rows.
cs = layout->AddColumnSet(2);
cs->AddColumn(GridLayout::LEADING, GridLayout::CENTER, 0, cs->AddColumn(GridLayout::LEADING, GridLayout::CENTER, 0,
GridLayout::USE_PREF, 0, 0); GridLayout::USE_PREF, 0, 0);
cs->AddPaddingColumn(0, views::kRelatedControlHorizontalSpacing); cs->AddPaddingColumn(0, views::kUnrelatedControlHorizontalSpacing);
cs->AddColumn(GridLayout::FILL, GridLayout::CENTER, 1,
GridLayout::USE_PREF, 0, kMinimumFieldSize); cs->AddColumn(GridLayout::FILL, GridLayout::CENTER, 0,
GridLayout::USE_PREF, 0, 0);
cs->AddPaddingColumn(1, views::kUnrelatedControlLargeHorizontalSpacing);
// Bottom (buttons) row.
cs = layout->AddColumnSet(3);
cs->AddPaddingColumn(1, views::kRelatedControlHorizontalSpacing);
cs->AddColumn(GridLayout::LEADING, GridLayout::TRAILING, 0, cs->AddColumn(GridLayout::LEADING, GridLayout::TRAILING, 0,
GridLayout::USE_PREF, 0, 0); GridLayout::USE_PREF, 0, 0);
// We subtract 2 to account for the natural button padding, and cs->AddPaddingColumn(0, views::kRelatedButtonHSpacing);
// to bring the separation visually in line with the row separation
// height.
cs->AddPaddingColumn(0, views::kRelatedButtonHSpacing - 2);
cs->AddColumn(GridLayout::LEADING, GridLayout::TRAILING, 0, cs->AddColumn(GridLayout::LEADING, GridLayout::TRAILING, 0,
GridLayout::USE_PREF, 0, 0); GridLayout::USE_PREF, 0, 0);
layout->StartRow(0, 0); layout->StartRow(0, kFirstColumnSetID);
layout->AddView(title_label);
layout->AddView(remove_link_);
layout->AddPaddingRow(0, views::kRelatedControlSmallVerticalSpacing);
layout->StartRow(0, 2);
views::Label* label = new views::Label( views::Label* label = new views::Label(
l10n_util::GetStringUTF16(IDS_BOOKMARK_BUBBLE_TITLE_TEXT)); l10n_util::GetStringUTF16(IDS_BOOKMARK_BUBBLE_TITLE_TEXT));
layout->AddView(label); layout->AddView(label);
title_tf_ = new views::Textfield(); title_tf_ = new views::Textfield();
title_tf_->SetText(GetTitle()); title_tf_->SetText(GetTitle());
layout->AddView(title_tf_); layout->AddView(title_tf_, 5, 1);
layout->AddPaddingRow(0, views::kRelatedControlSmallVerticalSpacing); layout->AddPaddingRow(0, views::kUnrelatedControlHorizontalSpacing);
layout->StartRow(0, 2); layout->StartRow(0, kFirstColumnSetID);
layout->AddView(combobox_label); layout->AddView(combobox_label);
layout->AddView(parent_combobox_); layout->AddView(parent_combobox_, 5, 1);
layout->AddPaddingRow(0, views::kRelatedControlSmallVerticalSpacing);
layout->AddPaddingRow(0, views::kRelatedControlVerticalSpacing);
layout->StartRow(0, 3); layout->StartRow(0, kFirstColumnSetID);
layout->SkipColumns(2);
layout->AddView(remove_button_);
layout->AddView(edit_button_); layout->AddView(edit_button_);
layout->AddView(close_button_); layout->AddView(close_button_);
...@@ -246,15 +220,20 @@ BookmarkBubbleView::BookmarkBubbleView(views::View* anchor_view, ...@@ -246,15 +220,20 @@ BookmarkBubbleView::BookmarkBubbleView(views::View* anchor_view,
BookmarkModelFactory::GetForProfile(profile_), BookmarkModelFactory::GetForProfile(profile_),
BookmarkModelFactory::GetForProfile(profile_)-> BookmarkModelFactory::GetForProfile(profile_)->
GetMostRecentlyAddedNodeForURL(url)), GetMostRecentlyAddedNodeForURL(url)),
remove_link_(NULL), remove_button_(NULL),
edit_button_(NULL), edit_button_(NULL),
close_button_(NULL), close_button_(NULL),
title_tf_(NULL), title_tf_(NULL),
parent_combobox_(NULL), parent_combobox_(NULL),
remove_bookmark_(false), remove_bookmark_(false),
apply_edits_(true) { apply_edits_(true) {
const SkColor background_color = GetNativeTheme()->GetSystemColor(
ui::NativeTheme::kColorId_DialogBackground);
set_color(background_color);
set_background(views::Background::CreateSolidBackground(background_color));
set_margins(gfx::Insets(0, 19, 18, 18));
// Compensate for built-in vertical padding in the anchor view's image. // Compensate for built-in vertical padding in the anchor view's image.
set_anchor_view_insets(gfx::Insets(5, 0, 5, 0)); set_anchor_view_insets(gfx::Insets(7, 0, 7, 0));
} }
string16 BookmarkBubbleView::GetTitle() { string16 BookmarkBubbleView::GetTitle() {
...@@ -269,21 +248,17 @@ string16 BookmarkBubbleView::GetTitle() { ...@@ -269,21 +248,17 @@ string16 BookmarkBubbleView::GetTitle() {
return string16(); return string16();
} }
gfx::Size BookmarkBubbleView::GetMinimumSize() {
gfx::Size size(views::BubbleDelegateView::GetPreferredSize());
size.SetToMax(gfx::Size(kMinBubbleWidth, 0));
return size;
}
void BookmarkBubbleView::ButtonPressed(views::Button* sender, void BookmarkBubbleView::ButtonPressed(views::Button* sender,
const ui::Event& event) { const ui::Event& event) {
HandleButtonPressed(sender); HandleButtonPressed(sender);
} }
void BookmarkBubbleView::LinkClicked(views::Link* source, int event_flags) {
DCHECK_EQ(remove_link_, source);
content::RecordAction(UserMetricsAction("BookmarkBubble_Unstar"));
// Set this so we remove the bookmark after the window closes.
remove_bookmark_ = true;
apply_edits_ = false;
StartFade(false);
}
void BookmarkBubbleView::OnSelectedIndexChanged(views::Combobox* combobox) { void BookmarkBubbleView::OnSelectedIndexChanged(views::Combobox* combobox) {
if (combobox->selected_index() + 1 == parent_model_.GetItemCount()) { if (combobox->selected_index() + 1 == parent_model_.GetItemCount()) {
content::RecordAction(UserMetricsAction("BookmarkBubble_EditFromCombobox")); content::RecordAction(UserMetricsAction("BookmarkBubble_EditFromCombobox"));
...@@ -292,7 +267,13 @@ void BookmarkBubbleView::OnSelectedIndexChanged(views::Combobox* combobox) { ...@@ -292,7 +267,13 @@ void BookmarkBubbleView::OnSelectedIndexChanged(views::Combobox* combobox) {
} }
void BookmarkBubbleView::HandleButtonPressed(views::Button* sender) { void BookmarkBubbleView::HandleButtonPressed(views::Button* sender) {
if (sender == edit_button_) { if (sender == remove_button_) {
content::RecordAction(UserMetricsAction("BookmarkBubble_Unstar"));
// Set this so we remove the bookmark after the window closes.
remove_bookmark_ = true;
apply_edits_ = false;
StartFade(false);
} else if (sender == edit_button_) {
content::RecordAction(UserMetricsAction("BookmarkBubble_Edit")); content::RecordAction(UserMetricsAction("BookmarkBubble_Edit"));
ShowEditor(); ShowEditor();
} else { } else {
...@@ -333,3 +314,13 @@ void BookmarkBubbleView::ApplyEdits() { ...@@ -333,3 +314,13 @@ void BookmarkBubbleView::ApplyEdits() {
parent_model_.MaybeChangeParent(node, parent_combobox_->selected_index()); parent_model_.MaybeChangeParent(node, parent_combobox_->selected_index());
} }
} }
void BookmarkBubbleView::ViewHierarchyChanged(
const ViewHierarchyChangedDetails& details) {
if (details.is_add && details.child == this) {
GetBubbleFrameView()->SetTitle(l10n_util::GetStringUTF16(
newly_bookmarked_ ? IDS_BOOKMARK_BUBBLE_PAGE_BOOKMARKED
: IDS_BOOKMARK_BUBBLE_PAGE_BOOKMARK));
SetArrowPaintType(views::BubbleBorder::PAINT_NONE);
}
}
chrome/browser/ui/views/bookmarks/bookmark_bubble_view.h
View file @ 1c5bc38f
...@@ -13,7 +13,6 @@ ...@@ -13,7 +13,6 @@
#include "ui/views/bubble/bubble_delegate.h" #include "ui/views/bubble/bubble_delegate.h"
#include "ui/views/controls/button/button.h" #include "ui/views/controls/button/button.h"
#include "ui/views/controls/combobox/combobox_listener.h" #include "ui/views/controls/combobox/combobox_listener.h"
#include "ui/views/controls/link_listener.h"
class BookmarkBubbleViewObserver; class BookmarkBubbleViewObserver;
class Profile; class Profile;
...@@ -28,7 +27,6 @@ class Textfield; ...@@ -28,7 +27,6 @@ class Textfield;
// bookmark it is created with. Don't create a BookmarkBubbleView directly, // bookmark it is created with. Don't create a BookmarkBubbleView directly,
// instead use the static Show method. // instead use the static Show method.
class BookmarkBubbleView : public views::BubbleDelegateView, class BookmarkBubbleView : public views::BubbleDelegateView,
public views::LinkListener,
public views::ButtonListener, public views::ButtonListener,
public views::ComboboxListener { public views::ComboboxListener {
public: public:
...@@ -68,10 +66,10 @@ class BookmarkBubbleView : public views::BubbleDelegateView, ...@@ -68,10 +66,10 @@ class BookmarkBubbleView : public views::BubbleDelegateView,
// Returns the title to display. // Returns the title to display.
string16 GetTitle(); string16 GetTitle();
// Overridden from views::LinkListener: // Overridden from views::View:
// Either unstars the item or shows the bookmark editor (depending upon which virtual gfx::Size GetMinimumSize() OVERRIDE;
// link was clicked). virtual void ViewHierarchyChanged(
virtual void LinkClicked(views::Link* source, int event_flags) OVERRIDE; const ViewHierarchyChangedDetails& details) OVERRIDE;
// Overridden from views::ButtonListener: // Overridden from views::ButtonListener:
// Closes the bubble or opens the edit dialog. // Closes the bubble or opens the edit dialog.
...@@ -107,8 +105,8 @@ class BookmarkBubbleView : public views::BubbleDelegateView, ...@@ -107,8 +105,8 @@ class BookmarkBubbleView : public views::BubbleDelegateView,
RecentlyUsedFoldersComboModel parent_model_; RecentlyUsedFoldersComboModel parent_model_;
// Link for removing/unstarring the bookmark. // Button for removing the bookmark.
views::Link* remove_link_; views::LabelButton* remove_button_;
// Button to bring up the editor. // Button to bring up the editor.
views::LabelButton* edit_button_; views::LabelButton* edit_button_;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment