brl/gnome-shell
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
254efdd122
gnome-shell/data/theme/gnome-shell.css

2585 lines
48 KiB
CSS
Raw Normal View History

Add css for scrolling Port bits of Mx's default.css into gnome-shell.css, and use some hand-rolled .pngs with colors from http://live.gnome.org/GnomeShell/DesignerPlayground/ExpandedViewMockups https://bugzilla.gnome.org/show_bug.cgi?id=591245
2009-09-10 05:38:00 +00:00
/* Copyright 2009, Red Hat, Inc.
*
* Portions adapted from Mx's data/style/default.css
* Copyright 2009 Intel Corporation
*
* This program is free software; you can redistribute it and/or modify it
* under the terms and conditions of the GNU Lesser General Public License,
* version 2.1, as published by the Free Software Foundation.
*
* This program is distributed in the hope it will be useful, but WITHOUT ANY
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
* more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
*/
theme - create common styles for small text Create common styles for small and small bold text. Add comments to delineate the different text styles. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-23 21:44:57 +00:00
/* Text Styles */
/* default text style */
Hard code Cantarell as the default UI font. - specify an overall font-family for all children of the stage and for places where we just want to use a size, use font-size. - also shrink the humongous 16px panel and menu size to a reasonable 14. - scale up the icons to be 16px by default again Based on a patch by Jakub Steiner <jimmac@gmail.com> https://bugzilla.gnome.org/show_bug.cgi?id=634226
2010-12-14 01:50:19 +00:00
stage {
font-family: cantarell, sans-serif;
theme - set default text style Setting a default text style helps to keep things consistent and simplifies the theme css. The view tabs and search box text size needs to be slightly bigger, so that needs to be manually specified. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-23 17:19:34 +00:00
font-size: 11pt;
color: white;
Hard code Cantarell as the default UI font. - specify an overall font-family for all children of the stage and for places where we just want to use a size, use font-size. - also shrink the humongous 16px panel and menu size to a reasonable 14. - scale up the icons to be 16px by default again Based on a patch by Jakub Steiner <jimmac@gmail.com> https://bugzilla.gnome.org/show_bug.cgi?id=634226
2010-12-14 01:50:19 +00:00
}
theme - create common styles for small text Create common styles for small and small bold text. Add comments to delineate the different text styles. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-23 21:44:57 +00:00
/* links */
Make link.js into a St.Button, delete unused link imports It's actually totally unused at the moment, but a future patch will use it. https://bugzilla.gnome.org/show_bug.cgi?id=599661
2009-12-02 17:13:24 +00:00
.shell-link {
color: #0000ff;
text-decoration: underline;
}
.shell-link:hover {
color: #0000e0;
}
theme - create common styles for small text Create common styles for small and small bold text. Add comments to delineate the different text styles. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-23 21:44:57 +00:00
/* small */
.app-well-menu,
.run-dialog-error-label {
font-size: 9pt;
}
/* small bold */
.dash-label,
.window-caption,
.switcher-list,
.app-well-app > .overview-icon,
dash: Refactor favRemoveTarget to showAppsIcon In the new designs, we no longer need favRemoveTarget. As it shares a lot of its functionality with the new showAppsIcon, we refactor and restyle it accordingly. https://bugzilla.gnome.org/show_bug.cgi?id=682109
2012-08-14 14:34:14 +00:00
.show-apps > .overview-icon,
searchDisplay: Add ListSearchResult and ListSearchResults These are for all search results except apps (and Wanda). We also simplify a bit the packing of search results, which removes some ugly code in navigateFocus() where we needed to call st_widget_navigate_focus() twice, since the grid icon was composed by two nested boxes, both focusable. https://bugzilla.gnome.org/show_bug.cgi?id=681797
2012-08-02 01:48:10 +00:00
.grid-search-result .overview-icon {
theme - create common styles for small text Create common styles for small and small bold text. Add comments to delineate the different text styles. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-23 21:44:57 +00:00
font-size: 9pt;
font-weight: bold;
[panel] Scale up, center and fade application icon in app menu Per 20091114 design. https://bugzilla.gnome.org/show_bug.cgi?id=605491
2009-12-26 17:00:36 +00:00
}
theme - add sections and clean up Add comments to delineate sections, keep to one style per line. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-23 17:22:22 +00:00
/* Scroll Bars */
theme: Update the look of scrollbars Make the scrollbars consistent with those in Gtk.
2012-08-01 12:19:13 +00:00
StScrollBar {
theme: Fix indentation https://bugzilla.gnome.org/show_bug.cgi?id=650900
2011-10-21 04:00:30 +00:00
padding: 0px;
Add css for scrolling Port bits of Mx's default.css into gnome-shell.css, and use some hand-rolled .pngs with colors from http://live.gnome.org/GnomeShell/DesignerPlayground/ExpandedViewMockups https://bugzilla.gnome.org/show_bug.cgi?id=591245
2009-09-10 05:38:00 +00:00
}
theme: Update the look of scrollbars Make the scrollbars consistent with those in Gtk.
2012-08-01 12:19:13 +00:00
StScrollView.vfade {
theme: Fix indentation https://bugzilla.gnome.org/show_bug.cgi?id=650900
2011-10-21 04:00:30 +00:00
-st-vfade-offset: 68px;
st-scroll-view: Make the fade effect and offset themable Theme authors now have the power (and responsibility) of creating fade effects with the new CSS length property '-st-fade-offset'. A value of 0 disables the effect. This new CSS approach replaces the current programmatic toggle of the 'vfade' property. A new CSS style class name 'vfade' is used as a replacement for the old property. https://bugzilla.gnome.org/show_bug.cgi?id=651813
2011-06-03 21:44:57 +00:00
}
theme: Update the look of scrollbars Make the scrollbars consistent with those in Gtk.
2012-08-01 12:19:13 +00:00
StScrollView.hfade {
st-scroll-view-fade: Add horizontal fade support St-scroll-view-fade only allowed adding a fade effect in the vertical direction; extend it so it can work horizontally too. https://bugzilla.gnome.org/show_bug.cgi?id=613194
2012-02-08 17:47:23 +00:00
-st-hfade-offset: 68px;
}
theme: Update the look of scrollbars Make the scrollbars consistent with those in Gtk.
2012-08-01 12:19:13 +00:00
StScrollView StScrollBar {
min-width: 14px;
theme: Improve legibility of date and time in the lock screen Adjust the drop shadow to make the date and time easier to read.
2012-08-01 13:12:12 +00:00
min-height: 14px;
Add css for scrolling Port bits of Mx's default.css into gnome-shell.css, and use some hand-rolled .pngs with colors from http://live.gnome.org/GnomeShell/DesignerPlayground/ExpandedViewMockups https://bugzilla.gnome.org/show_bug.cgi?id=591245
2009-09-10 05:38:00 +00:00
}
property for StScrollBar.trough should be set directly We were previously putting the decorations for the trough on the StScrollBar itself, which won't work if the scroll bar has padding. https://bugzilla.gnome.org/show_bug.cgi?id=624893
2010-09-10 01:28:12 +00:00
StScrollBar StBin#trough {
theme: Update the look of scrollbars Make the scrollbars consistent with those in Gtk.
2012-08-01 12:19:13 +00:00
background-color: rgba(0,0,0,0.3);
[CSS] Update overview style to match latest mockup https://bugzilla.gnome.org/show_bug.cgi?id=609401
2010-02-09 05:57:42 +00:00
border-radius: 8px;
Add css for scrolling Port bits of Mx's default.css into gnome-shell.css, and use some hand-rolled .pngs with colors from http://live.gnome.org/GnomeShell/DesignerPlayground/ExpandedViewMockups https://bugzilla.gnome.org/show_bug.cgi?id=591245
2009-09-10 05:38:00 +00:00
}
theme: Update the look of scrollbars Make the scrollbars consistent with those in Gtk.
2012-08-01 12:19:13 +00:00
StScrollBar StButton#vhandle {
theme: improve scrollbars coloring https://bugzilla.gnome.org/show_bug.cgi?id=682476
2012-08-22 13:59:56 +00:00
background-color: #5d6464;
theme: Update the look of scrollbars Make the scrollbars consistent with those in Gtk.
2012-08-01 12:19:13 +00:00
border: 2px solid #242424;
[CSS] Update overview style to match latest mockup https://bugzilla.gnome.org/show_bug.cgi?id=609401
2010-02-09 05:57:42 +00:00
border-radius: 8px;
Add css for scrolling Port bits of Mx's default.css into gnome-shell.css, and use some hand-rolled .pngs with colors from http://live.gnome.org/GnomeShell/DesignerPlayground/ExpandedViewMockups https://bugzilla.gnome.org/show_bug.cgi?id=591245
2009-09-10 05:38:00 +00:00
}
theme: Update the look of scrollbars Make the scrollbars consistent with those in Gtk.
2012-08-01 12:19:13 +00:00
StScrollBar StButton#hhandle {
theme: improve scrollbars coloring https://bugzilla.gnome.org/show_bug.cgi?id=682476
2012-08-22 13:59:56 +00:00
background-color: #5d6464;
theme: Update the look of scrollbars Make the scrollbars consistent with those in Gtk.
2012-08-01 12:19:13 +00:00
border: 2px solid #242424;
[CSS] Update overview style to match latest mockup https://bugzilla.gnome.org/show_bug.cgi?id=609401
2010-02-09 05:57:42 +00:00
border-radius: 8px;
Add css for scrolling Port bits of Mx's default.css into gnome-shell.css, and use some hand-rolled .pngs with colors from http://live.gnome.org/GnomeShell/DesignerPlayground/ExpandedViewMockups https://bugzilla.gnome.org/show_bug.cgi?id=591245
2009-09-10 05:38:00 +00:00
}
[CSS] Update overview style to match latest mockup https://bugzilla.gnome.org/show_bug.cgi?id=609401
2010-02-09 05:57:42 +00:00
StScrollBar StButton#hhandle:hover,
theme: Update the look of scrollbars Make the scrollbars consistent with those in Gtk.
2012-08-01 12:19:13 +00:00
StScrollBar StButton#vhandle:hover {
theme: improve scrollbars coloring https://bugzilla.gnome.org/show_bug.cgi?id=682476
2012-08-22 13:59:56 +00:00
background-color: #777d7c;
theme: Update the look of scrollbars Make the scrollbars consistent with those in Gtk.
2012-08-01 12:19:13 +00:00
}
StScrollBar StButton#hhandle:active,
StScrollBar StButton#vhandle:active {
theme: improve scrollbars coloring https://bugzilla.gnome.org/show_bug.cgi?id=682476
2012-08-22 13:59:56 +00:00
background-color: #3465a4;
Add css for scrolling Port bits of Mx's default.css into gnome-shell.css, and use some hand-rolled .pngs with colors from http://live.gnome.org/GnomeShell/DesignerPlayground/ExpandedViewMockups https://bugzilla.gnome.org/show_bug.cgi?id=591245
2009-09-10 05:38:00 +00:00
}
Port LookingGlass console to ST widgets * Style aspects like colors and fonts are moved into gnome-shell.css. * Scrolling is adding using StScrollView. Based on a patch from Colin Walters https://bugzilla.gnome.org/show_bug.cgi?id=591245
2009-09-10 05:38:13 +00:00
theme - add sections and clean up Add comments to delineate sections, keep to one style per line. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-23 17:22:22 +00:00
/* Check Boxes */
checkBox: Remove custom container implementation The only point of using a custom container here was to prevent StBoxLayout from enforcing the wrong request mode based on the orientation. With that issue fixed, we can simplify the checkbox widget significantly. https://bugzilla.gnome.org/show_bug.cgi?id=703811
2013-07-11 14:09:54 +00:00
.check-box StBoxLayout {
Add a checkbox widget gnome-keyring dialogs need checkboxes, and while it is possible to get pretty close using CSS tricks, a dedicated widgets yields better results. https://bugzilla.gnome.org/show_bug.cgi?id=669811
2012-02-13 23:13:57 +00:00
spacing: .8em;
}
.check-box StBin {
theme: Adjust checkbox style Replace the original hacked-up style with some original Steiner artwork. https://bugzilla.gnome.org/show_bug.cgi?id=669811
2012-02-16 13:35:23 +00:00
width: 24px;
height: 22px;
background-image: url("checkbox-off.svg");
}
.check-box:focus StBin {
background-image: url("checkbox-off-focused.svg");
Add a checkbox widget gnome-keyring dialogs need checkboxes, and while it is possible to get pretty close using CSS tricks, a dedicated widgets yields better results. https://bugzilla.gnome.org/show_bug.cgi?id=669811
2012-02-13 23:13:57 +00:00
}
.check-box:checked StBin {
theme: Adjust checkbox style Replace the original hacked-up style with some original Steiner artwork. https://bugzilla.gnome.org/show_bug.cgi?id=669811
2012-02-16 13:35:23 +00:00
background-image: url("checkbox.svg");
Add a checkbox widget gnome-keyring dialogs need checkboxes, and while it is possible to get pretty close using CSS tricks, a dedicated widgets yields better results. https://bugzilla.gnome.org/show_bug.cgi?id=669811
2012-02-13 23:13:57 +00:00
}
theme: Adjust checkbox style Replace the original hacked-up style with some original Steiner artwork. https://bugzilla.gnome.org/show_bug.cgi?id=669811
2012-02-16 13:35:23 +00:00
.check-box:focus:checked StBin {
background-image: url("checkbox-focused.svg");
Add a checkbox widget gnome-keyring dialogs need checkboxes, and while it is possible to get pretty close using CSS tricks, a dedicated widgets yields better results. https://bugzilla.gnome.org/show_bug.cgi?id=669811
2012-02-13 23:13:57 +00:00
}
slider: Separate PopupSliderMenuItem into its own widget https://bugzilla.gnome.org/show_bug.cgi?id=701755
2011-07-12 20:12:28 +00:00
/* Slider */
.slider {
height: 1em;
-slider-height: 0.3em;
-slider-background-color: #333333;
-slider-border-color: #5f5f5f;
-slider-active-background-color: #76b0ec;
-slider-active-border-color: #1f6dbc;
-slider-border-width: 1px;
theme: Adjust the aggregate menu Adjust spacing and size of elements and other to correspond better to the mockups.
2013-07-16 20:26:39 +00:00
-slider-handle-radius: 6px;
slider: Separate PopupSliderMenuItem into its own widget https://bugzilla.gnome.org/show_bug.cgi?id=701755
2011-07-12 20:12:28 +00:00
}
[popupMenu] split this out from panel.js We want to use this menu style in other places as well https://bugzilla.gnome.org/show_bug.cgi?id=619541
2010-05-20 15:18:46 +00:00
/* PopupMenu */
[panel] Port to CSS With some tweaks from JP St. Pierre to center things in case we ever have a larger panel. https://bugzilla.gnome.org/show_bug.cgi?id=602131
2009-11-17 22:46:20 +00:00
popupMenu: Use a unicode character for the ornament This makes it easy to replace the dot with another label in the future. Change the allocation logic, as text layout is more complicated than simple icon logic. https://bugzilla.gnome.org/show_bug.cgi?id=698427
2013-04-20 01:08:35 +00:00
.popup-menu-ornament {
popupMenu: Remove our custom allocation code With support for column-based layout gone, simply use a box layout and allow items to use their own layouts without any "framework". https://bugzilla.gnome.org/show_bug.cgi?id=705845
2013-07-16 00:00:41 +00:00
text-align: right;
width: 1em;
popupMenu: Use a unicode character for the ornament This makes it easy to replace the dot with another label in the future. Change the allocation logic, as text layout is more complicated than simple icon logic. https://bugzilla.gnome.org/show_bug.cgi?id=698427
2013-04-20 01:08:35 +00:00
}
theme: use standard styling for ibus candidate popups This is more consistent and helps with legibility. https://bugzilla.gnome.org/show_bug.cgi?id=694796
2013-02-27 12:11:55 +00:00
.popup-menu-boxpointer,
.candidate-popup-boxpointer {
Theme: improve menu popup appearance Make menu popups fully match the mockups by changing the stroke colour, pointer and corner radius size. This has the benefit of distinguishing the menu from the background and gives it a subtler appearance that fits the shell's aesthetic. https://bugzilla.gnome.org/show_bug.cgi?id=655627
2011-07-30 12:00:16 +00:00
-arrow-border-radius: 8px;
theme: add some transparency to the menu backgrounds They look too hard with a fully opaque black background. A small bit of transparency will give a softer appearance without impairing readability. https://bugzilla.gnome.org/show_bug.cgi?id=694202
2013-02-19 18:45:32 +00:00
-arrow-background-color: rgba(0,0,0,0.9);
Make panel more menu-like, initial application menu Change the panel into a menu-like actor, where elements can add menu items. Implement the initial application menu. https://bugzilla.gnome.org/show_bug.cgi?id=613804
2010-05-05 14:03:48 +00:00
-arrow-border-width: 2px;
Theme: improve menu popup appearance Make menu popups fully match the mockups by changing the stroke colour, pointer and corner radius size. This has the benefit of distinguishing the menu from the background and gives it a subtler appearance that fits the shell's aesthetic. https://bugzilla.gnome.org/show_bug.cgi?id=655627
2011-07-30 12:00:16 +00:00
-arrow-border-color: #a5a5a5;
-arrow-base: 24px;
-arrow-rise: 11px;
Make panel more menu-like, initial application menu Change the panel into a menu-like actor, where elements can add menu items. Implement the initial application menu. https://bugzilla.gnome.org/show_bug.cgi?id=613804
2010-05-05 14:03:48 +00:00
}
[popupMenu] split this out from panel.js We want to use this menu style in other places as well https://bugzilla.gnome.org/show_bug.cgi?id=619541
2010-05-20 15:18:46 +00:00
.popup-menu {
Combination of updates to match design suggestions * Align the icons inside text * Add application name to Quit * Fade in/out the menu * Drop some padding around the edges * Add padding around the separators * Use a gradient for separators https://bugzilla.gnome.org/show_bug.cgi?id=618460
2010-05-12 21:07:41 +00:00
min-width: 200px;
Make panel more menu-like, initial application menu Change the panel into a menu-like actor, where elements can add menu items. Implement the initial application menu. https://bugzilla.gnome.org/show_bug.cgi?id=613804
2010-05-05 14:03:48 +00:00
}
theme: Adjust the aggregate menu Adjust spacing and size of elements and other to correspond better to the mockups.
2013-07-16 20:26:39 +00:00
.popup-submenu-menu-item-triangle {
font-size: 120%;
}
popup-menu: Tweak submenu style Tone down the background color and use an inset shadow to give the subsection some depth. Expander menu item is always highlighted when open. https://bugzilla.gnome.org/show_bug.cgi?id=646001
2011-04-04 15:38:52 +00:00
.popup-submenu-menu-item:open {
theme: darken open submenu items - avoid the clash of adjacent open and selected items https://bugzilla.gnome.org/show_bug.cgi?id=706037
2013-08-22 13:42:49 +00:00
background-color: #333333;
popup-menu: Tweak submenu style Tone down the background color and use an inset shadow to give the subsection some depth. Expander menu item is always highlighted when open. https://bugzilla.gnome.org/show_bug.cgi?id=646001
2011-04-04 15:38:52 +00:00
}
PopupMenu: handle submenus inline Instead of showing submenus on the left side, make PopupSubMenuMenuItem act like an expander. The sub menu is toggled on click, opened on right/enter/space on the parent item, closed on left on any item or when closing the parent menu. https://bugzilla.gnome.org/show_bug.cgi?id=633476
2010-11-01 15:03:28 +00:00
.popup-sub-menu {
popup-menu: Tweak submenu style Tone down the background color and use an inset shadow to give the subsection some depth. Expander menu item is always highlighted when open. https://bugzilla.gnome.org/show_bug.cgi?id=646001
2011-04-04 15:38:52 +00:00
background-gradient-start: rgba(80,80,80,0.3);
theme: don't do harsh gradients for submenus - use a more flat gradient for submenus. nothing is as curved and it doesn't help legibility. https://bugzilla.gnome.org/show_bug.cgi?id=706037
2013-08-22 13:38:29 +00:00
background-gradient-end: rgba(80,80,80,0.4);
popup-menu: Tweak submenu style Tone down the background color and use an inset shadow to give the subsection some depth. Expander menu item is always highlighted when open. https://bugzilla.gnome.org/show_bug.cgi?id=646001
2011-04-04 15:38:52 +00:00
background-gradient-direction: vertical;
box-shadow: inset 0px 2px 4px rgba(0,0,0,0.9);
PopupMenu: handle submenus inline Instead of showing submenus on the left side, make PopupSubMenuMenuItem act like an expander. The sub menu is toggled on click, opened on right/enter/space on the parent item, closed on left on any item or when closing the parent menu. https://bugzilla.gnome.org/show_bug.cgi?id=633476
2010-11-01 15:03:28 +00:00
}
popupSubMenu: Only remove padding when scrollbar is shown The special padding rules for submenu items currently ensure that content aligns properly when the scrollbar is shown. While they work nicely for the network menu, it looks odd for non-scrolled submenus, so make this case explicit by introducing a :scrolled pseudo class and adjust the style rules to use it. https://bugzilla.gnome.org/show_bug.cgi?id=683009
2012-09-06 09:41:23 +00:00
.popup-sub-menu:scrolled .popup-menu-item:ltr {
popup-sub-menu: Adjust scrollbar style Slightly adjust the style, so that scrollbars in submenus look slightly less disconnected from the scrolled content. https://bugzilla.gnome.org/show_bug.cgi?id=646001
2011-04-04 12:55:15 +00:00
padding-right: 0em;
}
popupSubMenu: Only remove padding when scrollbar is shown The special padding rules for submenu items currently ensure that content aligns properly when the scrollbar is shown. While they work nicely for the network menu, it looks odd for non-scrolled submenus, so make this case explicit by introducing a :scrolled pseudo class and adjust the style rules to use it. https://bugzilla.gnome.org/show_bug.cgi?id=683009
2012-09-06 09:41:23 +00:00
.popup-sub-menu:scrolled .popup-menu-item:rtl {
popup-sub-menu: Adjust scrollbar style Slightly adjust the style, so that scrollbars in submenus look slightly less disconnected from the scrolled content. https://bugzilla.gnome.org/show_bug.cgi?id=646001
2011-04-04 12:55:15 +00:00
padding-left: 0em;
}
.popup-sub-menu StScrollBar {
padding: 4px;
}
.popup-sub-menu StScrollBar StBin#trough {
border-width: 0px;
}
.popup-sub-menu StScrollBar StBin#vhandle {
background-color: #4c4c4c;
border-width: 0px;
}
[popupMenu] split this out from panel.js We want to use this menu style in other places as well https://bugzilla.gnome.org/show_bug.cgi?id=619541
2010-05-20 15:18:46 +00:00
/* The remaining popup-menu sizing is all done in ems, so that if you
* override .popup-menu.font-size, everything else will scale with it.
*/
.popup-menu-content {
statusMenu: show a radio button-style dot next to the presence status Adding a "PopupMenuRadioButtonItem" wouldn't work well, because we'll need radio-button indicators on multiple different styles of menu item. Also, the current design draws the indicator in the menu item's padding, so it's sort of special anyway. So just add support at the BaseMenuItem level. Also, redo the menu/menuitem padding so that all the horizontal padding is in the menu item, or else the indicator dot will show up in the wrong spot. https://bugzilla.gnome.org/show_bug.cgi?id=631193
2010-10-20 16:43:22 +00:00
padding: 1em 0em;
Make panel more menu-like, initial application menu Change the panel into a menu-like actor, where elements can add menu items. Implement the initial application menu. https://bugzilla.gnome.org/show_bug.cgi?id=613804
2010-05-05 14:03:48 +00:00
}
[popupMenu] split this out from panel.js We want to use this menu style in other places as well https://bugzilla.gnome.org/show_bug.cgi?id=619541
2010-05-20 15:18:46 +00:00
.popup-menu-item {
theme: Adjust the aggregate menu Adjust spacing and size of elements and other to correspond better to the mockups.
2013-07-16 20:26:39 +00:00
spacing: 12px;
Make panel more menu-like, initial application menu Change the panel into a menu-like actor, where elements can add menu items. Implement the initial application menu. https://bugzilla.gnome.org/show_bug.cgi?id=613804
2010-05-05 14:03:48 +00:00
}
popupMenu: Remove our custom allocation code With support for column-based layout gone, simply use a box layout and allow items to use their own layouts without any "framework". https://bugzilla.gnome.org/show_bug.cgi?id=705845
2013-07-16 00:00:41 +00:00
.popup-menu-item:ltr {
padding: .4em 1.75em .4em 0em;
}
.popup-menu-item:rtl {
padding: .4em 0em .4em 1.75em;
}
[popupMenu] split this out from panel.js We want to use this menu style in other places as well https://bugzilla.gnome.org/show_bug.cgi?id=619541
2010-05-20 15:18:46 +00:00
.popup-menu-item:active {
Make panel more menu-like, initial application menu Change the panel into a menu-like actor, where elements can add menu items. Implement the initial application menu. https://bugzilla.gnome.org/show_bug.cgi?id=613804
2010-05-05 14:03:48 +00:00
background-color: #4c4c4c;
}
Fix insensitive styling for popup menu items The selector for insensitive popup menu items was wrong (a PopupMenuItem is a ShellGenericContainer, not a StButton). Fixing it showed that previous :insensitive tracking was manual for a reason: we have many items that are not reactive, but don't want the insensitive styling (for example those in the battery menu). Fix it by adding a new style-class, popup-inactive-menu-item, that is added to all new PopupMenuItems that are not activatable. https://bugzilla.gnome.org/show_bug.cgi?id=683988
2012-09-11 12:00:22 +00:00
.popup-menu-item:insensitive {
popup-menu: Add 'sensitive' flag to item parameters A menu action may not make sense at any time, so add API to mark an item insensitive to indicate that its action is currently unavailable, but may become activatable at a later point. https://bugzilla.gnome.org/show_bug.cgi?id=659270
2011-09-15 14:51:19 +00:00
color: #9f9f9f;
}
[popupMenu] split this out from panel.js We want to use this menu style in other places as well https://bugzilla.gnome.org/show_bug.cgi?id=619541
2010-05-20 15:18:46 +00:00
.popup-image-menu-item {
Add spacing between label and switch for menu items Currently there is no spacing between items packed into the switch menu item layout box. Add some. https://bugzilla.gnome.org/show_bug.cgi?id=629954
2010-09-18 15:30:54 +00:00
}
[popupMenu] split this out from panel.js We want to use this menu style in other places as well https://bugzilla.gnome.org/show_bug.cgi?id=619541
2010-05-20 15:18:46 +00:00
.popup-separator-menu-item {
Crisp menu separators Instead of being fuzzy, the menu separators should be a clear line with a horizontal gradient. This looks better and is consistent with the mockups. https://bugzilla.gnome.org/show_bug.cgi?id=641745
2012-12-10 17:24:56 +00:00
-gradient-height: 1px;
-gradient-start: rgba(255,255,255,0.0);
-gradient-end: rgba(255,255,255,0.3);
-margin-horizontal: 24px;
height: 1px;
padding: 8px 0px;
[popupMenu] split this out from panel.js We want to use this menu style in other places as well https://bugzilla.gnome.org/show_bug.cgi?id=619541
2010-05-20 15:18:46 +00:00
}
popupMenu: add alternate menu item This is special menu item that can alternate between two choices when you hit the alt key. It will be useful for getting a hybrid suspend/power off menu item. https://bugzilla.gnome.org/show_bug.cgi?id=636680
2011-02-21 20:25:56 +00:00
.popup-alternating-menu-item:alternate {
font-weight: bold;
}
Fix insensitive styling for popup menu items The selector for insensitive popup menu items was wrong (a PopupMenuItem is a ShellGenericContainer, not a StButton). Fixing it showed that previous :insensitive tracking was manual for a reason: we have many items that are not reactive, but don't want the insensitive styling (for example those in the battery menu). Fix it by adding a new style-class, popup-inactive-menu-item, that is added to all new PopupMenuItems that are not activatable. https://bugzilla.gnome.org/show_bug.cgi?id=683988
2012-09-11 12:00:22 +00:00
.popup-status-menu-item {
PopupMenu: enhance PopupSwitchMenuItem to show status labels Moves and converts NMDeviceTitleMenuItem from network.js into PopupSwitchMenuItem, so that it can show both a switch and a greyed-out status label. This will be soon used by the Bluetooth menu. https://bugzilla.gnome.org/show_bug.cgi?id=648048
2011-04-21 14:44:28 +00:00
font-weight: normal;
Don't use italic for status items in menus https://bugzilla.gnome.org/show_bug.cgi?id=645276
2011-03-20 04:22:41 +00:00
color: #999;
Status area: add NetworkManager indicator Adds an implementation of nm-applet in javascript. Uses the new introspection from NetworkManager, and temporarily requires nm-applet to be running for the secret service. Features a renewed interface, with each device controllable through a switch, which if toggled off disconnects, and if toggled on connects to the most recently used valid connection. More esoteric features like creation of ad-hoc networks have been moved to the control center panel. https://bugzilla.gnome.org/show_bug.cgi?id=621707
2011-01-25 21:08:12 +00:00
}
Fix insensitive styling for popup menu items The selector for insensitive popup menu items was wrong (a PopupMenuItem is a ShellGenericContainer, not a StButton). Fixing it showed that previous :insensitive tracking was manual for a reason: we have many items that are not reactive, but don't want the insensitive styling (for example those in the battery menu). Fix it by adding a new style-class, popup-inactive-menu-item, that is added to all new PopupMenuItems that are not activatable. https://bugzilla.gnome.org/show_bug.cgi?id=683988
2012-09-11 12:00:22 +00:00
.popup-inactive-menu-item, .popup-inactive-menu-item:insensitive {
color: white;
}
Status area: add NetworkManager indicator Adds an implementation of nm-applet in javascript. Uses the new introspection from NetworkManager, and temporarily requires nm-applet to be running for the secret service. Features a renewed interface, with each device controllable through a switch, which if toggled off disconnects, and if toggled on connects to the most recently used valid connection. More esoteric features like creation of ad-hoc networks have been moved to the control center panel. https://bugzilla.gnome.org/show_bug.cgi?id=621707
2011-01-25 21:08:12 +00:00
Use St.Icon for named icons Switch from St.TextureCache.load_named_icon() to using St.Icon for named icons. Along with the advantage of getting colorization right for symbolic icons, this allows moving some icon sizes into the CSS. In the CSS, the system status icon size is changed to be 1em (=16px for the default font size), at the request of the artists. See bug 613448. https://bugzilla.gnome.org/show_bug.cgi?id=633865
2010-11-02 22:33:22 +00:00
.popup-menu-icon {
css: Symbolic icons size must actually be specified relative to font size Commit a277f8e0e1003b6c60d82f37f557e115a2781419 prevents icons from being scaled when the global desktop resolution changes which is wrong since symbolic icons are supposed to be treated like text. Instead of specifying their size in pixels, go back to em but with a value adjusted to the new font size that actually yields unscaled symbolic icons for the default resolution. https://bugzilla.gnome.org/show_bug.cgi?id=671657
2012-03-08 16:29:08 +00:00
icon-size: 1.09em;
Use St.Icon for named icons Switch from St.TextureCache.load_named_icon() to using St.Icon for named icons. Along with the advantage of getting colorization right for symbolic icons, this allows moving some icon sizes into the CSS. In the CSS, the system status icon size is changed to be 1em (=16px for the default font size), at the request of the artists. See bug 613448. https://bugzilla.gnome.org/show_bug.cgi?id=633865
2010-11-02 22:33:22 +00:00
}
theme - add sections and clean up Add comments to delineate sections, keep to one style per line. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-23 17:22:22 +00:00
/* Switches */
PopupSwitchMenuItem: use SVG switches https://bugzilla.gnome.org/show_bug.cgi?id=629954
2010-09-21 13:32:09 +00:00
.toggle-switch {
gnome-shell.css: fix padding/alignment of menu toggle switches We do not support scaling background-images, so setting the toggle-switch size to anything other than the natural size of the image just results in it getting padding, which makes it look improperly aligned. https://bugzilla.gnome.org/show_bug.cgi?id=645647
2011-03-25 14:59:45 +00:00
width: 65px;
height: 22px;
Add support for toggle switches in menus Adds class PopupSwitchMenuItem, which is a two-state switch similar to those in system status indicators mockups. Also adds class Switch, which represents the switch itself, in case it is useful somewhere else. https://bugzilla.gnome.org/show_bug.cgi?id=621880
2010-06-17 12:17:01 +00:00
}
PopupSwitchMenuItem: use SVG switches https://bugzilla.gnome.org/show_bug.cgi?id=629954
2010-09-21 13:32:09 +00:00
.toggle-switch-us {
background-image: url("toggle-off-us.svg");
St: Implement background-size CSS property Implement the background-size CSS property, specified by the CSS Backgrounds and Borders Module Level 3, including the keywords "contain", "cover", and fixed-size backgrounds. https://bugzilla.gnome.org/show_bug.cgi?id=633462
2011-12-23 17:59:20 +00:00
background-size: contain;
PopupSwitchMenuItem: use SVG switches https://bugzilla.gnome.org/show_bug.cgi?id=629954
2010-09-21 13:32:09 +00:00
}
.toggle-switch-us:checked {
background-image: url("toggle-on-us.svg");
St: Implement background-size CSS property Implement the background-size CSS property, specified by the CSS Backgrounds and Borders Module Level 3, including the keywords "contain", "cover", and fixed-size backgrounds. https://bugzilla.gnome.org/show_bug.cgi?id=633462
2011-12-23 17:59:20 +00:00
background-size: contain;
PopupSwitchMenuItem: use SVG switches https://bugzilla.gnome.org/show_bug.cgi?id=629954
2010-09-21 13:32:09 +00:00
}
.toggle-switch-intl {
background-image: url("toggle-off-intl.svg");
St: Implement background-size CSS property Implement the background-size CSS property, specified by the CSS Backgrounds and Borders Module Level 3, including the keywords "contain", "cover", and fixed-size backgrounds. https://bugzilla.gnome.org/show_bug.cgi?id=633462
2011-12-23 17:59:20 +00:00
background-size: contain;
Add support for toggle switches in menus Adds class PopupSwitchMenuItem, which is a two-state switch similar to those in system status indicators mockups. Also adds class Switch, which represents the switch itself, in case it is useful somewhere else. https://bugzilla.gnome.org/show_bug.cgi?id=621880
2010-06-17 12:17:01 +00:00
}
PopupSwitchMenuItem: use SVG switches https://bugzilla.gnome.org/show_bug.cgi?id=629954
2010-09-21 13:32:09 +00:00
.toggle-switch-intl:checked {
background-image: url("toggle-on-intl.svg");
St: Implement background-size CSS property Implement the background-size CSS property, specified by the CSS Backgrounds and Borders Module Level 3, including the keywords "contain", "cover", and fixed-size backgrounds. https://bugzilla.gnome.org/show_bug.cgi?id=633462
2011-12-23 17:59:20 +00:00
background-size: contain;
Add support for toggle switches in menus Adds class PopupSwitchMenuItem, which is a two-state switch similar to those in system status indicators mockups. Also adds class Switch, which represents the switch itself, in case it is useful somewhere else. https://bugzilla.gnome.org/show_bug.cgi?id=621880
2010-06-17 12:17:01 +00:00
}
network: Introduce a new, rewritten Wi-Fi section Remove the Wi-Fi chooser from the menu and put it in a dialog instead. This frees up the submenu to simply have three items: an rfkill toggle, a button to show the dialog, and a button to show network settings. Ideally, we'd autodetect the "needs network" case by user initiation and automatically show the dialog if needed, but lower-level plumbing is neccessary, so the menu item to show the dialog is an acceptable compromise instead. This is a part of the new system status design, see https://wiki.gnome.org/GnomeShell/Design/Guidelines/SystemStatus/ for design details. https://bugzilla.gnome.org/show_bug.cgi?id=704670
2013-06-12 04:03:36 +00:00
/* Network */
.nm-dialog {
network: Add an empty state to the wifi dialog and adjust the sizing https://bugzilla.gnome.org/show_bug.cgi?id=705916
2013-08-12 17:19:32 +00:00
max-height: 500px;
min-height: 450px;
min-width: 470px;
network: Introduce a new, rewritten Wi-Fi section Remove the Wi-Fi chooser from the menu and put it in a dialog instead. This frees up the submenu to simply have three items: an rfkill toggle, a button to show the dialog, and a button to show network settings. Ideally, we'd autodetect the "needs network" case by user initiation and automatically show the dialog if needed, but lower-level plumbing is neccessary, so the menu item to show the dialog is an acceptable compromise instead. This is a part of the new system status design, see https://wiki.gnome.org/GnomeShell/Design/Guidelines/SystemStatus/ for design details. https://bugzilla.gnome.org/show_bug.cgi?id=704670
2013-06-12 04:03:36 +00:00
}
.nm-dialog-content {
theme: Tweak the Wi-Fi dialog
2013-08-19 13:50:19 +00:00
spacing: 20px;
network: Introduce a new, rewritten Wi-Fi section Remove the Wi-Fi chooser from the menu and put it in a dialog instead. This frees up the submenu to simply have three items: an rfkill toggle, a button to show the dialog, and a button to show network settings. Ideally, we'd autodetect the "needs network" case by user initiation and automatically show the dialog if needed, but lower-level plumbing is neccessary, so the menu item to show the dialog is an acceptable compromise instead. This is a part of the new system status design, see https://wiki.gnome.org/GnomeShell/Design/Guidelines/SystemStatus/ for design details. https://bugzilla.gnome.org/show_bug.cgi?id=704670
2013-06-12 04:03:36 +00:00
}
.nm-dialog-header-hbox {
theme: Tweak the Wi-Fi dialog
2013-08-19 13:50:19 +00:00
spacing: 10px;
network: Introduce a new, rewritten Wi-Fi section Remove the Wi-Fi chooser from the menu and put it in a dialog instead. This frees up the submenu to simply have three items: an rfkill toggle, a button to show the dialog, and a button to show network settings. Ideally, we'd autodetect the "needs network" case by user initiation and automatically show the dialog if needed, but lower-level plumbing is neccessary, so the menu item to show the dialog is an acceptable compromise instead. This is a part of the new system status design, see https://wiki.gnome.org/GnomeShell/Design/Guidelines/SystemStatus/ for design details. https://bugzilla.gnome.org/show_bug.cgi?id=704670
2013-06-12 04:03:36 +00:00
}
.nm-dialog-header-icon {
icon-size: 32px;
}
.nm-dialog-scroll-view {
border: 2px solid #666;
border-radius: 6px;
}
.nm-dialog-header {
font-weight: bold;
}
.nm-dialog-item {
font-size: 12pt;
border-bottom: 1px solid #666;
padding: 12px;
}
.nm-dialog-item:checked {
background-color: #333;
}
network: Add a selected indicator to the current access point https://bugzilla.gnome.org/show_bug.cgi?id=706136
2013-08-19 14:31:31 +00:00
.nm-dialog-item-box {
spacing: 20px;
}
network: Introduce a new, rewritten Wi-Fi section Remove the Wi-Fi chooser from the menu and put it in a dialog instead. This frees up the submenu to simply have three items: an rfkill toggle, a button to show the dialog, and a button to show network settings. Ideally, we'd autodetect the "needs network" case by user initiation and automatically show the dialog if needed, but lower-level plumbing is neccessary, so the menu item to show the dialog is an acceptable compromise instead. This is a part of the new system status design, see https://wiki.gnome.org/GnomeShell/Design/Guidelines/SystemStatus/ for design details. https://bugzilla.gnome.org/show_bug.cgi?id=704670
2013-06-12 04:03:36 +00:00
.nm-dialog-icons {
spacing: .5em;
}
.nm-dialog-icon {
icon-size: 16px;
}
theme - add sections and clean up Add comments to delineate sections, keep to one style per line. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-23 17:22:22 +00:00
/* Buttons */
theme: consistent button appearance and behaviour Update modal dialog, notification and search result buttons to use the same style. This improves the look of notification buttons and also ensures that all buttons change appearance when they are focused or pressed. Also change all buttons so that their labels are correctly vertically centered. https://bugzilla.gnome.org/show_bug.cgi?id=655974
2011-08-04 13:52:41 +00:00
ibusCandidatePopup: Add pagination buttons Makes switching candidates pages with pointer clicks possible. https://bugzilla.gnome.org/show_bug.cgi?id=691902
2013-02-14 22:36:32 +00:00
.candidate-page-button,
theme - add sections and clean up Add comments to delineate sections, keep to one style per line. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-23 17:22:22 +00:00
.notification-button,
.notification-icon-button,
.hotplug-notification-item,
.hotplug-resident-eject-button,
theme: use standard button styling for the app view switcher The switcher widget for all / frequent applications should use the standand button styling. This is more consistent. https://bugzilla.gnome.org/show_bug.cgi?id=694265
2013-02-20 13:31:13 +00:00
.modal-dialog-button,
.app-view-control {
theme: consistent button appearance and behaviour Update modal dialog, notification and search result buttons to use the same style. This improves the look of notification buttons and also ensures that all buttons change appearance when they are focused or pressed. Also change all buttons so that their labels are correctly vertically centered. https://bugzilla.gnome.org/show_bug.cgi?id=655974
2011-08-04 13:52:41 +00:00
border: 1px solid #8b8b8b;
background-gradient-direction: vertical;
background-gradient-start: rgba(255, 255, 255, 0.2);
background-gradient-end: rgba(255, 255, 255, 0);
}
theme: notification improvements Tweak the layout to give more space to action buttons, associate the heading with the body text, and give button labels a regular font weight. https://bugzilla.gnome.org/show_bug.cgi?id=688506
2012-11-29 16:44:40 +00:00
.modal-dialog-button {
font-weight: bold;
}
ibusCandidatePopup: Add pagination buttons Makes switching candidates pages with pointer clicks possible. https://bugzilla.gnome.org/show_bug.cgi?id=691902
2013-02-14 22:36:32 +00:00
.candidate-page-button:hover,
theme - add sections and clean up Add comments to delineate sections, keep to one style per line. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-23 17:22:22 +00:00
.notification-button:hover,
.notification-icon-button:hover,
.hotplug-notification-item:hover,
.hotplug-resident-eject-button:hover,
.modal-dialog-button:hover {
theme: consistent button appearance and behaviour Update modal dialog, notification and search result buttons to use the same style. This improves the look of notification buttons and also ensures that all buttons change appearance when they are focused or pressed. Also change all buttons so that their labels are correctly vertically centered. https://bugzilla.gnome.org/show_bug.cgi?id=655974
2011-08-04 13:52:41 +00:00
background-gradient-start: rgba(255, 255, 255, 0.3);
background-gradient-end: rgba(255, 255, 255, 0.1);
}
theme - add sections and clean up Add comments to delineate sections, keep to one style per line. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-23 17:22:22 +00:00
.notification-button:focus,
.notification-icon-button:focus,
.hotplug-notification-item:focus,
theme: Add :focus style for app-view-controls https://bugzilla.gnome.org/show_bug.cgi?id=694951
2013-03-01 19:21:58 +00:00
.modal-dialog-button:focus,
.app-view-control:focus {
Improve the button insensitive style The current insensitive style for buttons needs to be improved. Right now we just change the text color: this doesn't make it clear that the button is actually insensitive. Instead of just changing the text color, we make the button background almost transparent. We also make the text color the same as the border color, use a thinner border. This patch also simplifies some border rule overwrites to emphasis only the border width is changed on focus, and makes the button look closer to the mockups. https://bugzilla.gnome.org/show_bug.cgi?id=687110
2012-10-30 12:07:58 +00:00
border-width: 2px;
theme: consistent button appearance and behaviour Update modal dialog, notification and search result buttons to use the same style. This improves the look of notification buttons and also ensures that all buttons change appearance when they are focused or pressed. Also change all buttons so that their labels are correctly vertically centered. https://bugzilla.gnome.org/show_bug.cgi?id=655974
2011-08-04 13:52:41 +00:00
}
theme: Add :focus style for app-view-controls https://bugzilla.gnome.org/show_bug.cgi?id=694951
2013-03-01 19:21:58 +00:00
.app-view-control:first-child:ltr:focus,
.app-view-control:last-child:rtl:focus {
border-right-width: 1px;
}
ibusCandidatePopup: Add pagination buttons Makes switching candidates pages with pointer clicks possible. https://bugzilla.gnome.org/show_bug.cgi?id=691902
2013-02-14 22:36:32 +00:00
.candidate-page-button:active,
.candidate-page-button:pressed,
theme - add sections and clean up Add comments to delineate sections, keep to one style per line. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-23 17:22:22 +00:00
.notification-button:active,
.notification-icon-button:active,
.hotplug-notification-item:active,
.hotplug-resident-eject-button:active,
.modal-dialog-button:active,
theme: use standard button styling for the app view switcher The switcher widget for all / frequent applications should use the standand button styling. This is more consistent. https://bugzilla.gnome.org/show_bug.cgi?id=694265
2013-02-20 13:31:13 +00:00
.modal-dialog-button:pressed,
.app-view-control:checked {
theme: consistent button appearance and behaviour Update modal dialog, notification and search result buttons to use the same style. This improves the look of notification buttons and also ensures that all buttons change appearance when they are focused or pressed. Also change all buttons so that their labels are correctly vertically centered. https://bugzilla.gnome.org/show_bug.cgi?id=655974
2011-08-04 13:52:41 +00:00
background-gradient-start: rgba(255, 255, 255, 0);
background-gradient-end: rgba(255, 255, 255, 0.2);
}
ibusCandidatePopup: Add pagination buttons Makes switching candidates pages with pointer clicks possible. https://bugzilla.gnome.org/show_bug.cgi?id=691902
2013-02-14 22:36:32 +00:00
.candidate-page-button:insensitive,
Improve the button insensitive style The current insensitive style for buttons needs to be improved. Right now we just change the text color: this doesn't make it clear that the button is actually insensitive. Instead of just changing the text color, we make the button background almost transparent. We also make the text color the same as the border color, use a thinner border. This patch also simplifies some border rule overwrites to emphasis only the border width is changed on focus, and makes the button look closer to the mockups. https://bugzilla.gnome.org/show_bug.cgi?id=687110
2012-10-30 12:07:58 +00:00
.notification-button:insensitive,
messageTray: Allow to make notification buttons insensitive The availability of a notification action may depend on conditions, so add a method to control the sensitivity of buttons which have been added with addButton(). https://bugzilla.gnome.org/show_bug.cgi?id=651251
2012-05-17 19:05:36 +00:00
.notification-icon-button:insensitive,
Improve the button insensitive style The current insensitive style for buttons needs to be improved. Right now we just change the text color: this doesn't make it clear that the button is actually insensitive. Instead of just changing the text color, we make the button background almost transparent. We also make the text color the same as the border color, use a thinner border. This patch also simplifies some border rule overwrites to emphasis only the border width is changed on focus, and makes the button look closer to the mockups. https://bugzilla.gnome.org/show_bug.cgi?id=687110
2012-10-30 12:07:58 +00:00
.modal-dialog-button:insensitive {
border-color: #666666;
messageTray: Allow to make notification buttons insensitive The availability of a notification action may depend on conditions, so add a method to control the sensitivity of buttons which have been added with addButton(). https://bugzilla.gnome.org/show_bug.cgi?id=651251
2012-05-17 19:05:36 +00:00
color: #9f9f9f;
Improve the button insensitive style The current insensitive style for buttons needs to be improved. Right now we just change the text color: this doesn't make it clear that the button is actually insensitive. Instead of just changing the text color, we make the button background almost transparent. We also make the text color the same as the border color, use a thinner border. This patch also simplifies some border rule overwrites to emphasis only the border width is changed on focus, and makes the button look closer to the mockups. https://bugzilla.gnome.org/show_bug.cgi?id=687110
2012-10-30 12:07:58 +00:00
background-gradient-direction: none;
background-color: rgba(102, 102, 102, 0.15);
messageTray: Allow to make notification buttons insensitive The availability of a notification action may depend on conditions, so add a method to control the sensitivity of buttons which have been added with addButton(). https://bugzilla.gnome.org/show_bug.cgi?id=651251
2012-05-17 19:05:36 +00:00
}
theme: use standard button styling for the app view switcher The switcher widget for all / frequent applications should use the standand button styling. This is more consistent. https://bugzilla.gnome.org/show_bug.cgi?id=694265
2013-02-20 13:31:13 +00:00
/* Common radii */
#searchEntry,
.modal-dialog-button,
.notification-button,
.hotplug-notification-item,
theme: rework lock screen notification layout Make the notifications wider and adjust the padding so they aren't as tall. Also make the corner radius consistent with the rest of the theme. This makes the notifications look better, is more space efficient, and is consistent with the latest mockups. https://bugzilla.gnome.org/show_bug.cgi?id=702305
2013-07-16 12:48:15 +00:00
.app-view-controls,
#screenShieldNotifications {
theme: use standard button styling for the app view switcher The switcher widget for all / frequent applications should use the standand button styling. This is more consistent. https://bugzilla.gnome.org/show_bug.cgi?id=694265
2013-02-20 13:31:13 +00:00
border-radius: 18px;
}
.app-view-control:first-child:ltr,
.app-view-control:last-child:rtl {
border-radius: 18px 0px 0px 18px;
border-right-width: 0px;
}
.app-view-control:last-child:ltr,
.app-view-control:first-child:rtl {
border-radius: 0px 18px 18px 0px;
}
theme: Common style for entries This improves the style of the password entry fields and makes them consistent with entry fields in the overview and chat notifications.
2012-08-01 11:14:07 +00:00
/* Entries */
#searchEntry,
loginDialog: drop use of modal dialog The login screen is no longer even remotely dialog-like, so using ModalDialog is pretty weird. It also makes it difficult to put the session list in the same place as the spinner. This commit moves loginDialog away from using modal dialog. https://bugzilla.gnome.org/show_bug.cgi?id=702818
2013-06-25 16:55:21 +00:00
.login-dialog StEntry,
theme: Common style for entries This improves the style of the password entry fields and makes them consistent with entry fields in the overview and chat notifications.
2012-08-01 11:14:07 +00:00
.notification StEntry,
runDialog: Better match style of other modal dialogs Update the run dialog to - use a proper title - use dialog buttons - use the standard entry style https://bugzilla.gnome.org/show_bug.cgi?id=687127
2012-10-29 16:33:21 +00:00
.modal-dialog StEntry {
theme: Common style for entries This improves the style of the password entry fields and makes them consistent with entry fields in the overview and chat notifications.
2012-08-01 11:14:07 +00:00
color: rgb(64, 64, 64);
caret-color: rgb(64, 64, 64);
font-size: 12pt;
caret-size: 1px;
theme: Make the selected text color white for all entries This was accidentally changed when Allan cleaned up the styles for all entries
2012-10-10 16:47:40 +00:00
selected-color: white;
theme: Common style for entries This improves the style of the password entry fields and makes them consistent with entry fields in the overview and chat notifications.
2012-08-01 11:14:07 +00:00
padding: 4px 12px;
}
#searchEntry,
loginDialog: drop use of modal dialog The login screen is no longer even remotely dialog-like, so using ModalDialog is pretty weird. It also makes it difficult to put the session list in the same place as the spinner. This commit moves loginDialog away from using modal dialog. https://bugzilla.gnome.org/show_bug.cgi?id=702818
2013-06-25 16:55:21 +00:00
.login-dialog StEntry,
runDialog: Better match style of other modal dialogs Update the run dialog to - use a proper title - use dialog buttons - use the standard entry style https://bugzilla.gnome.org/show_bug.cgi?id=687127
2012-10-29 16:33:21 +00:00
.run-dialog-entry,
theme: Common style for entries This improves the style of the password entry fields and makes them consistent with entry fields in the overview and chat notifications.
2012-08-01 11:14:07 +00:00
.notification StEntry {
border: 2px solid rgba(245,245,245,0.2);
background-gradient-start: rgba(5,5,6,0.1);
background-gradient-end: rgba(254,254,254,0.1);
background-gradient-direction: vertical;
St: fix parsing of transition-duration values According to css3-transition, transition-duration is expressed as a time, that is, in seconds or milliseconds. Fix that by recognizing numbers with units and implicitly converting to milliseconds after parsing. https://bugzilla.gnome.org/show_bug.cgi?id=681376
2012-08-07 14:20:43 +00:00
transition-duration: 300ms;
theme: Common style for entries This improves the style of the password entry fields and makes them consistent with entry fields in the overview and chat notifications.
2012-08-01 11:14:07 +00:00
box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
}
#searchEntry:focus,
#searchEntry:hover,
loginDialog: drop use of modal dialog The login screen is no longer even remotely dialog-like, so using ModalDialog is pretty weird. It also makes it difficult to put the session list in the same place as the spinner. This commit moves loginDialog away from using modal dialog. https://bugzilla.gnome.org/show_bug.cgi?id=702818
2013-06-25 16:55:21 +00:00
.login-dialog StEntry:focus,
theme: Common style for entries This improves the style of the password entry fields and makes them consistent with entry fields in the overview and chat notifications.
2012-08-01 11:14:07 +00:00
.notification StEntry:focus,
runDialog: Better match style of other modal dialogs Update the run dialog to - use a proper title - use dialog buttons - use the standard entry style https://bugzilla.gnome.org/show_bug.cgi?id=687127
2012-10-29 16:33:21 +00:00
.modal-dialog StEntry {
theme: Common style for entries This improves the style of the password entry fields and makes them consistent with entry fields in the overview and chat notifications.
2012-08-01 11:14:07 +00:00
border: 2px solid rgb(136,138,133);
background-gradient-start: rgb(200,200,200);
background-gradient-end: white;
background-gradient-direction: vertical;
box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
}
loginDialog: drop use of modal dialog The login screen is no longer even remotely dialog-like, so using ModalDialog is pretty weird. It also makes it difficult to put the session list in the same place as the spinner. This commit moves loginDialog away from using modal dialog. https://bugzilla.gnome.org/show_bug.cgi?id=702818
2013-06-25 16:55:21 +00:00
.login-dialog StEntry:focus,
theme: Common style for entries This improves the style of the password entry fields and makes them consistent with entry fields in the overview and chat notifications.
2012-08-01 11:14:07 +00:00
.notification StEntry:focus,
runDialog: Better match style of other modal dialogs Update the run dialog to - use a proper title - use dialog buttons - use the standard entry style https://bugzilla.gnome.org/show_bug.cgi?id=687127
2012-10-29 16:33:21 +00:00
.modal-dialog StEntry:focus {
theme: Common style for entries This improves the style of the password entry fields and makes them consistent with entry fields in the overview and chat notifications.
2012-08-01 11:14:07 +00:00
border: 2px solid #3465a4;
}
#searchEntry {
Overview search box is too subtle When it isn't focused, the search box can be quite hard to see. The text/icon/border color is changed to be brighter in order to increase contrast with the dark background and this works well with various wallpapers. https://bugzilla.gnome.org/show_bug.cgi?id=686479
2012-10-29 00:15:03 +00:00
border-color: rgba(245,245,245,0.3);
color: rgb(192, 192, 192);
caret-color: rgb(192, 192, 192);
}
#searchEntry:hover {
theme: Common style for entries This improves the style of the password entry fields and makes them consistent with entry fields in the overview and chat notifications.
2012-08-01 11:14:07 +00:00
color: rgb(128, 128, 128);
caret-color: rgb(128, 128, 128);
}
#searchEntry:focus {
color: rgb(64, 64, 64);
caret-color: rgb(64, 64, 64);
font-weight: bold;
St: fix parsing of transition-duration values According to css3-transition, transition-duration is expressed as a time, that is, in seconds or milliseconds. Fix that by recognizing numbers with units and implicitly converting to milliseconds after parsing. https://bugzilla.gnome.org/show_bug.cgi?id=681376
2012-08-07 14:20:43 +00:00
transition-duration: 0ms;
theme: Common style for entries This improves the style of the password entry fields and makes them consistent with entry fields in the overview and chat notifications.
2012-08-01 11:14:07 +00:00
}
loginDialog: drop use of modal dialog The login screen is no longer even remotely dialog-like, so using ModalDialog is pretty weird. It also makes it difficult to put the session list in the same place as the spinner. This commit moves loginDialog away from using modal dialog. https://bugzilla.gnome.org/show_bug.cgi?id=702818
2013-06-25 16:55:21 +00:00
.login-dialog StEntry,
theme: Common style for entries This improves the style of the password entry fields and makes them consistent with entry fields in the overview and chat notifications.
2012-08-01 11:14:07 +00:00
.notification StEntry,
runDialog: Better match style of other modal dialogs Update the run dialog to - use a proper title - use dialog buttons - use the standard entry style https://bugzilla.gnome.org/show_bug.cgi?id=687127
2012-10-29 16:33:21 +00:00
.modal-dialog StEntry {
theme: Common style for entries This improves the style of the password entry fields and makes them consistent with entry fields in the overview and chat notifications.
2012-08-01 11:14:07 +00:00
border-radius: 5px;
padding: 4px 4px;
}
.prompt-dialog-password-entry .capslock-warning,
.login-dialog-prompt-entry .capslock-warning {
icon-size: 16px;
warning-color: #999;
padding: 0 4px;
}
loginDialog: drop use of modal dialog The login screen is no longer even remotely dialog-like, so using ModalDialog is pretty weird. It also makes it difficult to put the session list in the same place as the spinner. This commit moves loginDialog away from using modal dialog. https://bugzilla.gnome.org/show_bug.cgi?id=702818
2013-06-25 16:55:21 +00:00
.login-dialog StEntry:insensitive,
Login: sensitivity fixes The login dialog had these issues: - the entry was not really disabled, you could still edit text - the sensitivity state was not reset on verification failure - the session list was not disabled The unlock dialog had these issues: - "Login as another user..." was not insensitive - redundant password char setting, overwriting the one given by the question The entry insensitive style was also wrong. https://bugzilla.gnome.org/show_bug.cgi?id=687113
2012-11-18 21:36:17 +00:00
.modal-dialog StEntry:insensitive {
border-color: #666666;
color: #9f9f9f;
border: 2px solid #9f9f9f;
background-gradient-direction: none;
background-color: rgba(102, 102, 102, 0.15);
box-shadow: inset 0 0 rgba(0,0,0,1.0);
theme: Common style for entries This improves the style of the password entry fields and makes them consistent with entry fields in the overview and chat notifications.
2012-08-01 11:14:07 +00:00
}
[popupMenu] split this out from panel.js We want to use this menu style in other places as well https://bugzilla.gnome.org/show_bug.cgi?id=619541
2010-05-20 15:18:46 +00:00
/* Panel */
#panel {
background-color: black;
panel: merge statusBox into rightBox Simplify the layout in rightBox by getting rid of statusBox, and just putting everything into rightBox directly. Simplify the handling of the user menu by adding it like it was a status icon rather than special-casing it. Rename the "tray_icon" variables to "status_area" to reflect this better. https://bugzilla.gnome.org/show_bug.cgi?id=651299
2011-08-25 15:46:25 +00:00
font-weight: bold;
Use points for font sizes Do a basic job of converting font sizes from pixels to points, so they will scale will the global GNOME scale factor. Some other sizes that are clearly related to the font sizes are changed to ems, but no comprehensive attempt is made to get rid of px units. https://bugzilla.gnome.org/show_bug.cgi?id=636868
2011-03-04 20:54:19 +00:00
height: 1.86em;
theme: Style the panel differently according to mode https://bugzilla.gnome.org/show_bug.cgi?id=684573
2012-09-21 20:26:23 +00:00
}
#panel.unlock-screen,
#panel.login-screen {
background-color: transparent;
[popupMenu] split this out from panel.js We want to use this menu style in other places as well https://bugzilla.gnome.org/show_bug.cgi?id=619541
2010-05-20 15:18:46 +00:00
}
panel: merge statusBox into rightBox Simplify the layout in rightBox by getting rid of statusBox, and just putting everything into rightBox directly. Simplify the handling of the user menu by adding it like it was a status icon rather than special-casing it. Rename the "tray_icon" variables to "status_area" to reflect this better. https://bugzilla.gnome.org/show_bug.cgi?id=651299
2011-08-25 15:46:25 +00:00
#panelLeft, #panelCenter {
[popupMenu] split this out from panel.js We want to use this menu style in other places as well https://bugzilla.gnome.org/show_bug.cgi?id=619541
2010-05-20 15:18:46 +00:00
spacing: 4px;
}
theme: Adjust CSS for RTL locales Use :ltr/:rtl pseudo selectors where the CSS depends on the locale's text direction. https://bugzilla.gnome.org/show_bug.cgi?id=643835
2011-03-03 23:48:17 +00:00
#panelLeft:ltr {
[popupMenu] split this out from panel.js We want to use this menu style in other places as well https://bugzilla.gnome.org/show_bug.cgi?id=619541
2010-05-20 15:18:46 +00:00
padding-right: 4px;
}
panel: Adjust CSS for RTL locales The groups at the panel sides use different left/right padding, so a slightly different CSS is required for RTL locales. Add :rtl pseudo classes as necessary and adjust the CSS. https://bugzilla.gnome.org/show_bug.cgi?id=642697
2011-02-19 11:21:07 +00:00
#panelLeft:rtl {
padding-left: 4px;
}
theme: Adjust CSS for RTL locales Use :ltr/:rtl pseudo selectors where the CSS depends on the locale's text direction. https://bugzilla.gnome.org/show_bug.cgi?id=643835
2011-03-03 23:48:17 +00:00
#panelRight:ltr {
[popupMenu] split this out from panel.js We want to use this menu style in other places as well https://bugzilla.gnome.org/show_bug.cgi?id=619541
2010-05-20 15:18:46 +00:00
padding-left: 4px;
}
panel: Adjust CSS for RTL locales The groups at the panel sides use different left/right padding, so a slightly different CSS is required for RTL locales. Add :rtl pseudo classes as necessary and adjust the CSS. https://bugzilla.gnome.org/show_bug.cgi?id=642697
2011-02-19 11:21:07 +00:00
#panelRight:rtl {
padding-right: 4px;
}
panel: Add rounded corners Current mockups show the panel curving downwards at the edges to frame the work area and look awesome. Implement those as separate actors to not affect the struts set by the panel, and synchronize their state with the corresponding panel buttons so they blend in with the panel. It might be worth considering whether the corners should be hidden with maximized windows on the current workspace, though this might affect the illusion of them being part of the panel. As the corners don't affect the input region, the small overlap with windows might not be too bad after all. https://bugzilla.gnome.org/show_bug.cgi?id=642697
2011-02-09 02:12:10 +00:00
.panel-corner {
theme: use a smaller border-radius for top bar - plays better with window decorations and maximized windows - https://bugzilla.gnome.org/show_bug.cgi?id=672430
2012-03-21 14:59:43 +00:00
-panel-corner-radius: 6px;
panel: Add rounded corners Current mockups show the panel curving downwards at the edges to frame the work area and look awesome. Implement those as separate actors to not affect the struts set by the panel, and synchronize their state with the corresponding panel buttons so they blend in with the panel. It might be worth considering whether the corners should be hidden with maximized windows on the current workspace, though this might affect the illusion of them being part of the panel. As the corners don't affect the input region, the small overlap with windows might not be too bad after all. https://bugzilla.gnome.org/show_bug.cgi?id=642697
2011-02-09 02:12:10 +00:00
-panel-corner-background-color: black;
panel: Simplify corner drawing With the panel border removed, it is no longer necessary to account for it in the corner drawing code, so simplify the drawing code a bit. https://bugzilla.gnome.org/show_bug.cgi?id=669489
2012-02-08 13:31:42 +00:00
-panel-corner-border-width: 2px;
-panel-corner-border-color: transparent;
panel: Add rounded corners Current mockups show the panel curving downwards at the edges to frame the work area and look awesome. Implement those as separate actors to not affect the struts set by the panel, and synchronize their state with the corresponding panel buttons so they blend in with the panel. It might be worth considering whether the corners should be hidden with maximized windows on the current workspace, though this might affect the illusion of them being part of the panel. As the corners don't affect the input region, the small overlap with windows might not be too bad after all. https://bugzilla.gnome.org/show_bug.cgi?id=642697
2011-02-09 02:12:10 +00:00
}
.panel-corner:active,
panel: make ActivitiesButton a PanelMenu.Button The fact that everything in the top bar except the activities button was a menu made various things difficult. Simplify this by making the activities button be a menu too, but just hack it up a bit so that the menu associated with the button never actually appears. Fixes https://bugzilla.gnome.org/show_bug.cgi?id=645759 (Clicking on Activities with menu up leaves a funny state) and its semi-dup 641253 (panel keynav between Activities and menus is quirky).
2011-07-14 12:56:14 +00:00
.panel-corner:overview,
panel: Add rounded corners Current mockups show the panel curving downwards at the edges to frame the work area and look awesome. Implement those as separate actors to not affect the struts set by the panel, and synchronize their state with the corresponding panel buttons so they blend in with the panel. It might be worth considering whether the corners should be hidden with maximized windows on the current workspace, though this might affect the illusion of them being part of the panel. As the corners don't affect the input region, the small overlap with windows might not be too bad after all. https://bugzilla.gnome.org/show_bug.cgi?id=642697
2011-02-09 02:12:10 +00:00
.panel-corner:focus {
panel: Simplify corner drawing With the panel border removed, it is no longer necessary to account for it in the corner drawing code, so simplify the drawing code a bit. https://bugzilla.gnome.org/show_bug.cgi?id=669489
2012-02-08 13:31:42 +00:00
-panel-corner-border-color: rgba(255,255,255,0.8);
panel: Add rounded corners Current mockups show the panel curving downwards at the edges to frame the work area and look awesome. Implement those as separate actors to not affect the struts set by the panel, and synchronize their state with the corresponding panel buttons so they blend in with the panel. It might be worth considering whether the corners should be hidden with maximized windows on the current workspace, though this might affect the illusion of them being part of the panel. As the corners don't affect the input region, the small overlap with windows might not be too bad after all. https://bugzilla.gnome.org/show_bug.cgi?id=642697
2011-02-09 02:12:10 +00:00
}
theme: Style the panel differently according to mode https://bugzilla.gnome.org/show_bug.cgi?id=684573
2012-09-21 20:26:23 +00:00
.panel-corner.lock-screen,
.panel-corner.unlock-screen,
.panel-corner.login-screen {
-panel-corner-background-color: transparent;
-panel-corner-border-color: transparent;
}
[panel] Port to CSS With some tweaks from JP St. Pierre to center things in case we ever have a larger panel. https://bugzilla.gnome.org/show_bug.cgi?id=602131
2009-11-17 22:46:20 +00:00
#appMenu {
panel: Pick up spinner icon from CSS In order to use a different spinner image in classic mode (or any other mode specific style), get it from CSS rather than hardcoding a particular image. https://bugzilla.gnome.org/show_bug.cgi?id=693688
2013-04-16 14:57:46 +00:00
spinner-image: url("process-working.svg");
Make panel more menu-like, initial application menu Change the panel into a menu-like actor, where elements can add menu items. Implement the initial application menu. https://bugzilla.gnome.org/show_bug.cgi?id=613804
2010-05-05 14:03:48 +00:00
spacing: 4px;
}
theme - create common styles for small text Create common styles for small and small bold text. Add comments to delineate the different text styles. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-23 21:44:57 +00:00
/* used for the app menu header only */
.label-shadow {
color: rgba(0,0,0,0.5);
}
panel: Don't let the app icon overlap the panel border Commit 9a048af1f changed the panel border to be drawn below the background - as a result, the app menu's icon now overlaps the panel border. As it looks cleaner to leave the border in place, clip the icon to the panel border.
2011-02-24 17:26:40 +00:00
.panel-button #appMenuIcon {
app-icon-bottom-clip: 1px;
}
appMenu: Clip app icon when the button is active We now use a border image on active panel buttons to underline the button's content. As the property does not affect the content's allocation, the app icon ends up being drawn on top of the border image. To prevent this, use a custom property to clip the bottom of the app icon when the button is active. https://bugzilla.gnome.org/show_bug.cgi?id=642697
2011-02-18 22:00:04 +00:00
.panel-button:active #appMenuIcon,
.panel-button:checked #appMenuIcon,
.panel-button:focus #appMenuIcon {
app-icon-bottom-clip: 2px;
}
Make panel more menu-like, initial application menu Change the panel into a menu-like actor, where elements can add menu items. Implement the initial application menu. https://bugzilla.gnome.org/show_bug.cgi?id=613804
2010-05-05 14:03:48 +00:00
.app-menu-icon {
width: 24px;
height: 24px;
[panel] Port to CSS With some tweaks from JP St. Pierre to center things in case we ever have a larger panel. https://bugzilla.gnome.org/show_bug.cgi?id=602131
2009-11-17 22:46:20 +00:00
}
Add a calendar pop-down to the clock js/ui/calendar.js: Generic calendar widget tests/interactive/calendar.js: Basic test of the calendar js/ui/panel.js: Add a pop-down from the clock that shows a calendar widget. The pop-down is not menu-like to allow the user to interact with an application while looking at the calendar. gnome-shell.css: Add theming for calendar, calendar popup, and for buttons on the panel https://bugzilla.gnome.org/show_bug.cgi?id=596432
2009-09-30 14:02:08 +00:00
.panel-button {
panel: allow padding around panel buttons to shrink for narrow screens (eg, portrait orientation) https://bugzilla.gnome.org/show_bug.cgi?id=651299
2011-06-09 15:50:24 +00:00
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
Make labels on top bar bold Trying out making the button label text a little meatier.
2010-03-23 01:01:04 +00:00
font-weight: bold;
panel: Update style Update the style of the panel to match the latest mockups. - add a subtle border at the bottom of the panel - use a highlight of active panel buttons similar to the one used for running applications in the dash/app view - shadow the buttons' label/icon when highlighted https://bugzilla.gnome.org/show_bug.cgi?id=642697
2011-02-09 02:11:57 +00:00
color: #ccc;
St: fix parsing of transition-duration values According to css3-transition, transition-duration is expressed as a time, that is, in seconds or milliseconds. Fix that by recognizing numbers with units and implicitly converting to milliseconds after parsing. https://bugzilla.gnome.org/show_bug.cgi?id=681376
2012-08-07 14:20:43 +00:00
transition-duration: 100ms;
Add a calendar pop-down to the clock js/ui/calendar.js: Generic calendar widget tests/interactive/calendar.js: Basic test of the calendar js/ui/panel.js: Add a pop-down from the clock that shows a calendar widget. The pop-down is not menu-like to allow the user to interact with an application while looking at the calendar. gnome-shell.css: Add theming for calendar, calendar popup, and for buttons on the panel https://bugzilla.gnome.org/show_bug.cgi?id=596432
2009-09-30 14:02:08 +00:00
}
theme: Style the panel differently according to mode https://bugzilla.gnome.org/show_bug.cgi?id=684573
2012-09-21 20:26:23 +00:00
#panel.unlock-screen .panel-button,
#panel.lock-screen .panel-button,
#panel.login-screen .panel-button {
color: #e6e6e6;
}
#panel.unlock-screen .panel-button:hover,
#panel.lock-screen .panel-button:hover,
#panel.login-screen .panel-button:hover,
#panel.unlock-screen .panel-button:active,
#panel.lock-screen .panel-button:active,
#panel.login-screen .panel-button:active,
#panel.unlock-screen .panel-button:focus,
#panel.lock-screen .panel-button:focus,
#panel.login-screen .panel-button:focus {
color: white;
}
Prelight panel items on hover In order to give feedback when the user hovers over items on the panel, we should prelight them. https://bugzilla.gnome.org/show_bug.cgi?id=609576
2011-03-14 01:01:50 +00:00
.panel-button:hover {
color: white;
text-shadow: black 0px 2px 2px;
}
panel: Update style Update the style of the panel to match the latest mockups. - add a subtle border at the bottom of the panel - use a highlight of active panel buttons similar to the one used for running applications in the dash/app view - shadow the buttons' label/icon when highlighted https://bugzilla.gnome.org/show_bug.cgi?id=642697
2011-02-09 02:11:57 +00:00
.panel-button:active,
panel: make ActivitiesButton a PanelMenu.Button The fact that everything in the top bar except the activities button was a menu made various things difficult. Simplify this by making the activities button be a menu too, but just hack it up a bit so that the menu associated with the button never actually appears. Fixes https://bugzilla.gnome.org/show_bug.cgi?id=645759 (Clicking on Activities with menu up leaves a funny state) and its semi-dup 641253 (panel keynav between Activities and menus is quirky).
2011-07-14 12:56:14 +00:00
.panel-button:overview,
panel: Update style Update the style of the panel to match the latest mockups. - add a subtle border at the bottom of the panel - use a highlight of active panel buttons similar to the one used for running applications in the dash/app view - shadow the buttons' label/icon when highlighted https://bugzilla.gnome.org/show_bug.cgi?id=642697
2011-02-09 02:11:57 +00:00
.panel-button:focus {
theme: use a smaller border-radius for top bar - plays better with window decorations and maximized windows - https://bugzilla.gnome.org/show_bug.cgi?id=672430
2012-03-21 14:59:43 +00:00
border-image: url("panel-button-border.svg") 6 10 0 2;
panel: Update style Update the style of the panel to match the latest mockups. - add a subtle border at the bottom of the panel - use a highlight of active panel buttons similar to the one used for running applications in the dash/app view - shadow the buttons' label/icon when highlighted https://bugzilla.gnome.org/show_bug.cgi?id=642697
2011-02-09 02:11:57 +00:00
background-image: url("panel-button-highlight-wide.svg");
color: white;
text-shadow: black 0px 2px 2px;
}
panel: merge statusBox into rightBox Simplify the layout in rightBox by getting rid of statusBox, and just putting everything into rightBox directly. Simplify the handling of the user menu by adding it like it was a status icon rather than special-casing it. Rename the "tray_icon" variables to "status_area" to reflect this better. https://bugzilla.gnome.org/show_bug.cgi?id=651299
2011-08-25 15:46:25 +00:00
.panel-status-button:active,
.panel-status-button:checked,
.panel-status-button:focus {
panel: Update style Update the style of the panel to match the latest mockups. - add a subtle border at the bottom of the panel - use a highlight of active panel buttons similar to the one used for running applications in the dash/app view - shadow the buttons' label/icon when highlighted https://bugzilla.gnome.org/show_bug.cgi?id=642697
2011-02-09 02:11:57 +00:00
background-image: url("panel-button-highlight-narrow.svg");
}
.panel-button:active > .system-status-icon,
.panel-button:checked > .system-status-icon,
.panel-button:focus > .system-status-icon {
icon-shadow: black 0px 2px 2px;
Update the look of panel buttons Change the look of panel buttons to match the running indicators used in the app well. https://bugzilla.gnome.org/show_bug.cgi?id=609357
2010-02-08 20:00:16 +00:00
}
panelMenu: add a gap between the panel and its menus The specs call for a 2 pixel gap between the panel and its menus, though we need to specify this as 4 pixels, since it's relative to the bottom of the icon/title, not the bottom of the panel (up until now, the point of the menu arrow was actually overlapping the menu's highlight underline). Also, move the gap specification into the CSS, since it makes more sense there. https://bugzilla.gnome.org/show_bug.cgi?id=655627
2011-07-30 17:24:24 +00:00
.panel-menu {
theme: Fix style https://bugzilla.gnome.org/show_bug.cgi?id=681540
2013-02-14 21:45:16 +00:00
-boxpointer-gap: 4px;
panelMenu: add a gap between the panel and its menus The specs call for a 2 pixel gap between the panel and its menus, though we need to specify this as 4 pixels, since it's relative to the bottom of the icon/title, not the bottom of the panel (up until now, the point of the menu arrow was actually overlapping the menu's highlight underline). Also, move the gap specification into the CSS, since it makes more sense there. https://bugzilla.gnome.org/show_bug.cgi?id=655627
2011-07-30 17:24:24 +00:00
}
status: Port to a new SystemIndicator framework We can't silently replace the old behavior of separate status icons into a new system. Replace SystemStatusButton with a new SystemIndicator class which will allow for the flexibility we need. For now, make it a subclass of Button so that it mostly feels the same, but we'll soon be swapping it out with a dummy implementation that the aggregate menu will use. I think the code cleanup here is worth it. https://bugzilla.gnome.org/show_bug.cgi?id=705845
2013-06-06 21:27:25 +00:00
.panel-status-indicators-box,
status: Put arrow icons next to the separate status indicators This is to indicate that it has a pulldown menu. This is a part of the new system status design, see https://wiki.gnome.org/GnomeShell/Design/Guidelines/SystemStatus/ for design details. https://bugzilla.gnome.org/show_bug.cgi?id=705845
2013-06-06 21:26:42 +00:00
.panel-status-menu-box {
LockScreenMenu: double the space between icons Using the same spacing as secondary status icons causes the three indicators to be too close to each other. https://bugzilla.gnome.org/show_bug.cgi?id=687955
2012-12-16 22:28:11 +00:00
spacing: 8px;
}
Use St.Icon for named icons Switch from St.TextureCache.load_named_icon() to using St.Icon for named icons. Along with the advantage of getting colorization right for symbolic icons, this allows moving some icon sizes into the CSS. In the CSS, the system status icon size is changed to be 1em (=16px for the default font size), at the request of the artists. See bug 613448. https://bugzilla.gnome.org/show_bug.cgi?id=633865
2010-11-02 22:33:22 +00:00
.system-status-icon {
css: Symbolic icons size must actually be specified relative to font size Commit a277f8e0e1003b6c60d82f37f557e115a2781419 prevents icons from being scaled when the global desktop resolution changes which is wrong since symbolic icons are supposed to be treated like text. Instead of specifying their size in pixels, go back to em but with a value adjusted to the new font size that actually yields unscaled symbolic icons for the default resolution. https://bugzilla.gnome.org/show_bug.cgi?id=671657
2012-03-08 16:29:08 +00:00
icon-size: 1.09em;
Use St.Icon for named icons Switch from St.TextureCache.load_named_icon() to using St.Icon for named icons. Along with the advantage of getting colorization right for symbolic icons, this allows moving some icon sizes into the CSS. In the CSS, the system status icon size is changed to be 1em (=16px for the default font size), at the request of the artists. See bug 613448. https://bugzilla.gnome.org/show_bug.cgi?id=633865
2010-11-02 22:33:22 +00:00
}
theme: Restrict the aggregate menu to 320px Like in the designs. This also requires that we don't put a min-width on sliders, as 15em is smaller than 320px. https://bugzilla.gnome.org/show_bug.cgi?id=705845
2013-07-01 18:19:12 +00:00
.aggregate-menu {
theme: Adjust the aggregate menu Adjust spacing and size of elements and other to correspond better to the mockups.
2013-07-16 20:26:39 +00:00
width: 340px;
theme: Restrict the aggregate menu to 320px Like in the designs. This also requires that we don't put a min-width on sliders, as 15em is smaller than 320px. https://bugzilla.gnome.org/show_bug.cgi?id=705845
2013-07-01 18:19:12 +00:00
}
theme: Add some padding to align icons to the user picture
2013-08-12 17:06:05 +00:00
.aggregate-menu .popup-menu-icon {
padding: 0 4px;
}
system: Move the Switch User and Log Out items to a new submenu This is a part of the new system status design, see https://wiki.gnome.org/GnomeShell/Design/Guidelines/SystemStatus/ for design details. https://bugzilla.gnome.org/show_bug.cgi?id=704368
2013-06-11 19:25:32 +00:00
.system-switch-user-submenu-icon {
icon-size: 24px;
border: 1px solid #8b8b8b;
}
system: Use icons for actions at the bottom of the system menu This is a part of the new system status design, see https://wiki.gnome.org/GnomeShell/Design/Guidelines/SystemStatus/ for design details. https://bugzilla.gnome.org/show_bug.cgi?id=704368
2013-06-11 21:17:09 +00:00
.system-menu-action {
color: #e6e6e6;
theme: small round button for system menu actions - got freeze break from release team (2) and the docs team https://bugzilla.gnome.org/show_bug.cgi?id=706638
2013-08-22 17:24:29 +00:00
border-radius: 32px; /* wish we could do 50% */
padding: 13px;
border: 1px solid #5f5f5f; /* using rgba() is flaky unfortunately */
system: Use icons for actions at the bottom of the system menu This is a part of the new system status design, see https://wiki.gnome.org/GnomeShell/Design/Guidelines/SystemStatus/ for design details. https://bugzilla.gnome.org/show_bug.cgi?id=704368
2013-06-11 21:17:09 +00:00
}
theme: Add a focus style for system actions in the system menu
2013-08-17 03:02:11 +00:00
.system-menu-action:hover,
.system-menu-action:focus {
system: Use icons for actions at the bottom of the system menu This is a part of the new system status design, see https://wiki.gnome.org/GnomeShell/Design/Guidelines/SystemStatus/ for design details. https://bugzilla.gnome.org/show_bug.cgi?id=704368
2013-06-11 21:17:09 +00:00
color: white;
theme: small round button for system menu actions - got freeze break from release team (2) and the docs team https://bugzilla.gnome.org/show_bug.cgi?id=706638
2013-08-22 17:24:29 +00:00
background-color: #4c4c4c;
border: none;
padding: 14px;
}
.system-menu-action:active {
color: black;
background-color: #6f6f6f;
system: Use icons for actions at the bottom of the system menu This is a part of the new system status design, see https://wiki.gnome.org/GnomeShell/Design/Guidelines/SystemStatus/ for design details. https://bugzilla.gnome.org/show_bug.cgi?id=704368
2013-06-11 21:17:09 +00:00
}
.system-menu-action > StIcon {
theme: small round button for system menu actions - got freeze break from release team (2) and the docs team https://bugzilla.gnome.org/show_bug.cgi?id=706638
2013-08-22 17:24:29 +00:00
icon-size: 16px;
system: Use icons for actions at the bottom of the system menu This is a part of the new system status design, see https://wiki.gnome.org/GnomeShell/Design/Guidelines/SystemStatus/ for design details. https://bugzilla.gnome.org/show_bug.cgi?id=704368
2013-06-11 21:17:09 +00:00
}
Add a screencast indicator for when we're recording This will replace the indicator painted on the stage right now. This unfortunately does not work for the recorder triggered by the keybinding -- we'll simply replace the in-shell code with a keybinding powered by gnome-settings-daemon.
2013-07-17 19:26:06 +00:00
.screencast-indicator {
color: #ff0000;
}
[CSS] Update overview style to match latest mockup https://bugzilla.gnome.org/show_bug.cgi?id=609401
2010-02-09 05:57:42 +00:00
/* Overview */
Window selector refinements * Remove window icons * Add a close button to window previews * Position caption underneath the window * Port caption from Big.Box to St.Label https://bugzilla.gnome.org/show_bug.cgi?id=598324
2009-11-12 00:26:52 +00:00
overview: Add ViewSelector to the overview Add the view selector and adjust the positioning of elements in the overview. Unlike the old dash, the view selector is made public to indicate that extensions may add additional views or search providers. https://bugzilla.gnome.org/show_bug.cgi?id=634948
2010-07-29 07:55:08 +00:00
#overview {
make the window thumbnails bigger Adjust the layout of the overview and window thumbnails to make them bigger. Also, make the background shade darker to compensate for the increased thumbnail density. https://bugzilla.gnome.org/show_bug.cgi?id=689876
2012-12-08 01:37:30 +00:00
spacing: 24px;
overviewControls: don't set padding on the whole overview group Set it on the control slider actor instead. At the same time, remove bottom padding from search results actor. https://bugzilla.gnome.org/show_bug.cgi?id=694287
2013-02-21 15:44:32 +00:00
}
.overview-controls {
OverviewControl: simplify code to add bottom padding All the complexity with a custom actor and a generic container was just to add some padding below the overview controls. Remove that, and use CSS instead. https://bugzilla.gnome.org/show_bug.cgi?id=694100
2013-02-18 15:25:28 +00:00
padding-bottom: 32px;
overview: Add ViewSelector to the overview Add the view selector and adjust the positioning of elements in the overview. Unlike the old dash, the view selector is made public to indicate that extensions may add additional views or search providers. https://bugzilla.gnome.org/show_bug.cgi?id=634948
2010-07-29 07:55:08 +00:00
}
Fix background to animate with thumbnails When we animating the scale for the thumbnails, the border and background should wrap around the current size of the thumbails. The technique that we are using to animate the scale breaks that since we don't animate the overall size of the thumbnails box - we just animate our child actors within the allocation. To fix this, switch from drawing the background by packing in another container to drawing the background with a separate actor that is under the other actors and allocated by our custom logic. https://bugzilla.gnome.org/show_bug.cgi?id=641881
2011-02-12 20:23:27 +00:00
.workspace-thumbnails-background {
workspace-thumbnails: Update style For consistency, adjust background and border colors to match the ones used by the dash.
2011-02-14 22:58:38 +00:00
border: 1px solid rgba(128, 128, 128, 0.4);
workspaces: Rework workspace controls for the view selector As workspaces will appear as a particular view in the view selector, merge WorkspacesControls and WorkspacesManager to control workspaces and related controls, so that a single actor can be added to the selector instead of positioning the elements from the overview. https://bugzilla.gnome.org/show_bug.cgi?id=634948
2010-10-04 14:42:11 +00:00
border-right: 0px;
border-radius: 9px 0px 0px 9px;
workspace-thumbnails: Update style For consistency, adjust background and border colors to match the ones used by the dash.
2011-02-14 22:58:38 +00:00
background-color: rgba(0, 0, 0, 0.5);
Make workspace selector more similar to the mockup This makes the workspace indicator respect the "padding" style attribute. Also, since we no longer draw the border on top of the thumbnail, we need to be pixel-precise in allocating the indicator height. We use this to make the workspace selector more similar to the mockup. https://bugzilla.gnome.org/show_bug.cgi?id=662087
2011-11-26 23:28:51 +00:00
padding: 11px 7px 11px 11px;
Add workspace thumbnails to the overview Add workspace thumbnails to the workspace controls area. The user can click on the thumbnail to switch workspaces and can also drag windows out of the thumbnail to other workspaces. https://bugzilla.gnome.org/show_bug.cgi?id=640996
2011-01-31 02:18:12 +00:00
}
Fix workspace thumbnails in RTL locales We need slightly different CSS and positioning logic for the workspace thumbnails list when it is on the left side of the screen. https://bugzilla.gnome.org/show_bug.cgi?id=642672
2011-02-18 14:41:43 +00:00
.workspace-thumbnails-background:rtl {
border-right: 1px;
border-left: 0px;
border-radius: 0px 9px 9px 0px;
Make workspace selector more similar to the mockup This makes the workspace indicator respect the "padding" style attribute. Also, since we no longer draw the border on top of the thumbnail, we need to be pixel-precise in allocating the indicator height. We use this to make the workspace selector more similar to the mockup. https://bugzilla.gnome.org/show_bug.cgi?id=662087
2011-11-26 23:28:51 +00:00
padding: 11px 11px 11px 7px;
Fix workspace thumbnails in RTL locales We need slightly different CSS and positioning logic for the workspace thumbnails list when it is on the left side of the screen. https://bugzilla.gnome.org/show_bug.cgi?id=642672
2011-02-18 14:41:43 +00:00
}
Add workspace thumbnails to the overview Add workspace thumbnails to the workspace controls area. The user can click on the thumbnail to switch workspaces and can also drag windows out of the thumbnail to other workspaces. https://bugzilla.gnome.org/show_bug.cgi?id=640996
2011-01-31 02:18:12 +00:00
.workspace-thumbnails {
Make workspace selector more similar to the mockup This makes the workspace indicator respect the "padding" style attribute. Also, since we no longer draw the border on top of the thumbnail, we need to be pixel-precise in allocating the indicator height. We use this to make the workspace selector more similar to the mockup. https://bugzilla.gnome.org/show_bug.cgi?id=662087
2011-11-26 23:28:51 +00:00
spacing: 11px;
workspaceThumbnail: pack ThumbnailsBox in the overview directly Use a SlidingControl subclass and pack that in the overview group directly. https://bugzilla.gnome.org/show_bug.cgi?id=682050
2012-12-11 22:26:09 +00:00
visible-width: 32px; /* Amount visible before hovering */
Add workspace thumbnails to the overview Add workspace thumbnails to the workspace controls area. The user can click on the thumbnail to switch workspaces and can also drag windows out of the thumbnail to other workspaces. https://bugzilla.gnome.org/show_bug.cgi?id=640996
2011-01-31 02:18:12 +00:00
}
.workspace-thumbnail-indicator {
Make workspace selector more similar to the mockup This makes the workspace indicator respect the "padding" style attribute. Also, since we no longer draw the border on top of the thumbnail, we need to be pixel-precise in allocating the indicator height. We use this to make the workspace selector more similar to the mockup. https://bugzilla.gnome.org/show_bug.cgi?id=662087
2011-11-26 23:28:51 +00:00
border: 4px solid rgba(255,255,255,0.7);
border-radius: 4px;
padding: 1px;
workspaces: Rework workspace controls for the view selector As workspaces will appear as a particular view in the view selector, merge WorkspacesControls and WorkspacesManager to control workspaces and related controls, so that a single actor can be added to the selector instead of positioning the elements from the overview. https://bugzilla.gnome.org/show_bug.cgi?id=634948
2010-10-04 14:42:11 +00:00
}
Window selector refinements * Remove window icons * Add a close button to window previews * Position caption underneath the window * Port caption from Big.Box to St.Label https://bugzilla.gnome.org/show_bug.cgi?id=598324
2009-11-12 00:26:52 +00:00
.window-caption {
theme: Clean up and merge window-caption definitions
2013-02-18 19:09:49 +00:00
spacing: 25px;
theme - update window captions to match mockups Change window caption text weight, padding and radius. https://bugzilla.gnome.org/show_bug.cgi?id=664487
2011-12-03 23:05:33 +00:00
background: rgba(0,0,0,0.5);
border-radius: 8px;
theme - give labels and captions the same padding Give the window captions the same padding as the dash labels. This makes things look nice and consistent.
2012-02-13 17:48:24 +00:00
padding: 4px 12px;
theme - update window captions to match mockups Change window caption text weight, padding and radius. https://bugzilla.gnome.org/show_bug.cgi?id=664487
2011-12-03 23:05:33 +00:00
-shell-caption-spacing: 12px;
Workspace: Highlight window clone and caption when hovered Windows in the overview should be highlighted when hovered, to indicate they are an active target. Based on a patch by Marc Plano-Lesay <marc.planolesay@gmail.com> https://bugzilla.gnome.org/show_bug.cgi?id=665310
2012-10-27 16:18:54 +00:00
border: 2px solid rgba(0, 0, 0, 0);
Window selector refinements * Remove window icons * Add a close button to window previews * Position caption underneath the window * Port caption from Big.Box to St.Label https://bugzilla.gnome.org/show_bug.cgi?id=598324
2009-11-12 00:26:52 +00:00
}
theme: Clean up and merge window-caption definitions
2013-02-18 19:09:49 +00:00
.window-caption:hover {
border: 2px solid rgba(255, 255, 255, 0);
}
messageTray: Port the close buttons over to Clutter properties Rather than computing everything manually, let Clutter calculate things for us. https://bugzilla.gnome.org/show_bug.cgi?id=682253
2012-08-20 19:51:52 +00:00
.window-close, .notification-close {
Window selector refinements * Remove window icons * Add a close button to window previews * Position caption underneath the window * Port caption from Big.Box to St.Label https://bugzilla.gnome.org/show_bug.cgi?id=598324
2009-11-12 00:26:52 +00:00
background-image: url("close-window.svg");
style: Fix close button size The image is actually 32px, so we end up with a slightly fuzzy button when scaling up to 34px. Don't do that. Spotted by lamefun.xOr<at>gmail.com https://bugzilla.gnome.org/show_bug.cgi?id=686574
2012-10-25 16:24:30 +00:00
background-size: 32px;
height: 32px;
width: 32px;
messageTray: Port the close buttons over to Clutter properties Rather than computing everything manually, let Clutter calculate things for us. https://bugzilla.gnome.org/show_bug.cgi?id=682253
2012-08-20 19:51:52 +00:00
}
.window-close {
Workspace: Highlight window clone and caption when hovered Windows in the overview should be highlighted when hovered, to indicate they are an active target. Based on a patch by Marc Plano-Lesay <marc.planolesay@gmail.com> https://bugzilla.gnome.org/show_bug.cgi?id=665310
2012-10-27 16:18:54 +00:00
-shell-close-overlap: 16px;
}
.window-clone-border {
border: 4px solid rgba(255, 255, 255, 0.5);
border-radius: 4px;
Window selector refinements * Remove window icons * Add a close button to window previews * Position caption underneath the window * Port caption from Big.Box to St.Label https://bugzilla.gnome.org/show_bug.cgi?id=598324
2009-11-12 00:26:52 +00:00
}
messageTray: Port the close buttons over to Clutter properties Rather than computing everything manually, let Clutter calculate things for us. https://bugzilla.gnome.org/show_bug.cgi?id=682253
2012-08-20 19:51:52 +00:00
.notification-close {
messageTray: Adjust the position of the close button Make this closer to the mockups. https://bugzilla.gnome.org/show_bug.cgi?id=682253
2012-08-20 20:44:28 +00:00
/* we start out in the top right of the
* notification, inset.
*
style: Adjust close button overlap After changing the button size, we need to adjust the x-offset by 1px (apparently the y-offset already assumed the correct size).
2012-10-25 16:28:29 +00:00
* center is 32px/2 = 16px
messageTray: Adjust the position of the close button Make this closer to the mockups. https://bugzilla.gnome.org/show_bug.cgi?id=682253
2012-08-20 20:44:28 +00:00
*
* adjust left 2px
* adjust down 8px */
style: Adjust close button overlap After changing the button size, we need to adjust the x-offset by 1px (apparently the y-offset already assumed the correct size).
2012-10-25 16:28:29 +00:00
-shell-close-overlap-x: 14px;
messageTray: Remove hack for the lack of negative units in libcroco libcroco now has native support for negative units. https://bugzilla.gnome.org/show_bug.cgi?id=686240
2012-10-16 17:02:48 +00:00
-shell-close-overlap-y: -12px;
messageTray: Port the close buttons over to Clutter properties Rather than computing everything manually, let Clutter calculate things for us. https://bugzilla.gnome.org/show_bug.cgi?id=682253
2012-08-20 19:51:52 +00:00
}
messageTray: Fix close button position in RTL locales
2012-10-25 15:49:29 +00:00
.notification-close:rtl {
/* as above, but starting out in the top left of the
* notification. */
-shell-close-overlap-x: -14px;
}
theme: Adjust CSS for RTL locales Use :ltr/:rtl pseudo selectors where the CSS depends on the locale's text direction. https://bugzilla.gnome.org/show_bug.cgi?id=643835
2011-03-03 23:48:17 +00:00
.window-close:rtl {
-st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}
workspace: Use all available space for windows in window selector Change the layout strategy to be more like the mockups. With less than two rows of windows, we try to fit every window in a non-aligned situation; with more than three rows of windows, we try to fit every window in an aligned situation. Based heavily on a patch from Pierre-Eric Pelloux-Prayer <pelloux@gmail.com> https://bugzilla.gnome.org/show_bug.cgi?id=582650
2012-08-08 17:27:46 +00:00
.window-picker {
make the window thumbnails bigger Adjust the layout of the overview and window thumbnails to make them bigger. Also, make the background shade darker to compensate for the increased thumbnail density. https://bugzilla.gnome.org/show_bug.cgi?id=689876
2012-12-08 01:37:30 +00:00
-horizontal-spacing: 32px;
-vertical-spacing: 32px;
workspaceThumbnail: pack ThumbnailsBox in the overview directly Use a SlidingControl subclass and pack that in the overview group directly. https://bugzilla.gnome.org/show_bug.cgi?id=682050
2012-12-11 22:26:09 +00:00
padding-left: 32px;
padding-right: 32px;
overviewControls: add a new messages indicator The new messages indicator will be visible when there are non-resident notifications in the tray. https://bugzilla.gnome.org/show_bug.cgi?id=687787
2013-03-01 02:19:03 +00:00
padding-bottom: 48px;
workspace: Use all available space for windows in window selector Change the layout strategy to be more like the mockups. With less than two rows of windows, we try to fit every window in a non-aligned situation; with more than three rows of windows, we try to fit every window in an aligned situation. Based heavily on a patch from Pierre-Eric Pelloux-Prayer <pelloux@gmail.com> https://bugzilla.gnome.org/show_bug.cgi?id=582650
2012-08-08 17:27:46 +00:00
}
Overview: apply extra padding to windows in external monitor Add an style class targetting workspaces located outside the overview, and use it for extra padding around the window clones. Padding is passed down and applied inside LayoutStrategy, consolidating code that previously handled the bottom side only. https://bugzilla.gnome.org/show_bug.cgi?id=690171
2012-12-13 18:28:25 +00:00
.window-picker.external-monitor {
padding: 32px;
}
overviewControls: add a new messages indicator The new messages indicator will be visible when there are non-resident notifications in the tray. https://bugzilla.gnome.org/show_bug.cgi?id=687787
2013-03-01 02:19:03 +00:00
.messages-indicator {
color: #999999;
height: 32px;
}
.messages-indicator-contents {
spacing: 12px;
padding-bottom: 12px;
}
.messages-indicator-contents:hover {
color: white;
text-shadow: black 0px 2px 2px;
}
.messages-indicator-highlight {
background-gradient-start: transparent;
background-gradient-end: #999999;
background-gradient-direction: vertical;
height: 6px;
}
Port Dash section headers to CSS https://bugzilla.gnome.org/show_bug.cgi?id=599442
2009-10-22 17:33:09 +00:00
/* Dash */
#dash {
color: #5f5f5f;
Use points for font sizes Do a basic job of converting font sizes from pixels to points, so they will scale will the global GNOME scale factor. Some other sizes that are clearly related to the font sizes are changed to ems, but no comprehensive attempt is made to get rid of px units. https://bugzilla.gnome.org/show_bug.cgi?id=636868
2011-03-04 20:54:19 +00:00
font-size: 9pt;
dash: Minor style fixes - 1px border rather than 2 - less padding around launchers - icon prelight was too bright, bring it down a notch Based on an original patch by Jakub Steiner. https://bugzilla.gnome.org/show_bug.cgi?id=636156
2011-01-31 14:05:23 +00:00
padding: 4px 0px;
dash: Reimplement the dash based on AppWell code The new dash implementation is a single-column vertical sidebar, whose items are scaled dynamically to fit the available height. If the height is still exceeded after scaling down to a minimum item size, excess items are cut off. The now unused old dash implementation is renamed to OldDash, as its code will be used as a base for the new view selector element. https://bugzilla.gnome.org/show_bug.cgi?id=634948
2010-07-21 23:29:02 +00:00
background-color: rgba(0, 0, 0, 0.5);
dash: Minor style fixes - 1px border rather than 2 - less padding around launchers - icon prelight was too bright, bring it down a notch Based on an original patch by Jakub Steiner. https://bugzilla.gnome.org/show_bug.cgi?id=636156
2011-01-31 14:05:23 +00:00
border: 1px solid rgba(128, 128, 128, 0.4);
dash: Reimplement the dash based on AppWell code The new dash implementation is a single-column vertical sidebar, whose items are scaled dynamically to fit the available height. If the height is still exceeded after scaling down to a minimum item size, excess items are cut off. The now unused old dash implementation is renamed to OldDash, as its code will be used as a base for the new view selector element. https://bugzilla.gnome.org/show_bug.cgi?id=634948
2010-07-21 23:29:02 +00:00
border-left: 0px;
border-radius: 0px 9px 9px 0px;
}
dash: Adjust CSS in RTL locales As the dash uses different widths and radii for left and right borders, we need to use different CSS when it is positioned at the right of the screen. https://bugzilla.gnome.org/show_bug.cgi?id=642721
2011-02-18 22:59:49 +00:00
#dash:rtl {
border-left: 1px;
border-right: 0px;
border-radius: 9px 0px 0px 9px;
}
workspaceThumbnail: Allow users to create workspaces at any position Allow a user to create a new workspace by dragging a window or a launcher in the middle of two existing ones. https://bugzilla.gnome.org/show_bug.cgi?id=646409
2011-05-05 02:47:07 +00:00
.placeholder {
dash: Improve DND to dash and allow reordering Show a positional indicator where a new favorite will be added and make the favorites re-orderable. Also allow the removal of favorites using drag-and-drop according to the mockups. https://bugzilla.gnome.org/show_bug.cgi?id=634948
2010-11-08 01:51:02 +00:00
background-image: url("dash-placeholder.svg");
St: Implement background-size CSS property Implement the background-size CSS property, specified by the CSS Backgrounds and Borders Module Level 3, including the keywords "contain", "cover", and fixed-size backgrounds. https://bugzilla.gnome.org/show_bug.cgi?id=633462
2011-12-23 17:59:20 +00:00
background-size: contain;
workspaceThumbnail: Allow users to create workspaces at any position Allow a user to create a new workspace by dragging a window or a launcher in the middle of two existing ones. https://bugzilla.gnome.org/show_bug.cgi?id=646409
2011-05-05 02:47:07 +00:00
height: 24px;
dash: Improve DND to dash and allow reordering Show a positional indicator where a new favorite will be added and make the favorites re-orderable. Also allow the removal of favorites using drag-and-drop according to the mockups. https://bugzilla.gnome.org/show_bug.cgi?id=634948
2010-11-08 01:51:02 +00:00
}
dash: Grow the empty dash during drag operations When the dash does not contain any applications (either favorites or running), it is currently impossable to add a favorite via DND. Grow the dash slightly in that case to provide a drop target. https://bugzilla.gnome.org/show_bug.cgi?id=684618
2013-05-31 15:59:27 +00:00
.empty-dash-drop-target {
width: 24px;
height: 24px;
}
theme - add sections and clean up Add comments to delineate sections, keep to one style per line. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-23 17:22:22 +00:00
/* Search Box */
Port Dash section headers to CSS https://bugzilla.gnome.org/show_bug.cgi?id=599442
2009-10-22 17:33:09 +00:00
#searchEntry {
overview: Increase the searchEntry width to 320 pixels https://bugzilla.gnome.org/show_bug.cgi?id=682109
2012-08-20 09:32:49 +00:00
width: 320px;
Port Dash section headers to CSS https://bugzilla.gnome.org/show_bug.cgi?id=599442
2009-10-22 17:33:09 +00:00
}
search-entry: Update style Update the style of the search entry to match the latest mockups[0]. - use a (non-reactive) loupe icon when no search is active - use themed symbolic icons - make the entry rounder - tweak gradient colors - use an inset shadow [0] http://git.gnome.org/browse/gnome-shell-design/plain/mockups/static/searchbox.png https://bugzilla.gnome.org/show_bug.cgi?id=642335
2011-02-10 21:11:48 +00:00
.search-entry-icon {
css: Symbolic icons size must actually be specified relative to font size Commit a277f8e0e1003b6c60d82f37f557e115a2781419 prevents icons from being scaled when the global desktop resolution changes which is wrong since symbolic icons are supposed to be treated like text. Instead of specifying their size in pixels, go back to em but with a value adjusted to the new font size that actually yields unscaled symbolic icons for the default resolution. https://bugzilla.gnome.org/show_bug.cgi?id=671657
2012-03-08 16:29:08 +00:00
icon-size: 1em;
Overview search box is too subtle When it isn't focused, the search box can be quite hard to see. The text/icon/border color is changed to be brighter in order to increase contrast with the dark background and this works well with various wallpapers. https://bugzilla.gnome.org/show_bug.cgi?id=686479
2012-10-29 00:15:03 +00:00
color: #c0c0c0;
}
#searchEntry:hover .search-entry-icon,
#searchEntry:focus .search-entry-icon {
search-entry: Update style Update the style of the search entry to match the latest mockups[0]. - use a (non-reactive) loupe icon when no search is active - use themed symbolic icons - make the entry rounder - tweak gradient colors - use an inset shadow [0] http://git.gnome.org/browse/gnome-shell-design/plain/mockups/static/searchbox.png https://bugzilla.gnome.org/show_bug.cgi?id=642335
2011-02-10 21:11:48 +00:00
color: #8d8f8a;
Port Dash section headers to CSS https://bugzilla.gnome.org/show_bug.cgi?id=599442
2009-10-22 17:33:09 +00:00
}
theme - add sections and clean up Add comments to delineate sections, keep to one style per line. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-23 17:22:22 +00:00
/* Search Results */
Use the old dash code to implement the view selector The view selector is a tabbed interface with a search entry. Starting a search switches focus to the results' tab, ending a search moves the focus back to the previously selected tab. Activating a normal tab while a search is active cancels the search. https://bugzilla.gnome.org/show_bug.cgi?id=634948
2010-11-12 17:45:29 +00:00
#searchResults {
overviewControls: don't set padding on the whole overview group Set it on the control slider actor instead. At the same time, remove bottom padding from search results actor. https://bugzilla.gnome.org/show_bug.cgi?id=694287
2013-02-21 15:44:32 +00:00
padding: 20px 10px 0px 10px;
search-display: Minor style updates Adjust the style of the search display to match current mockups: - add a border to search buttons - increase padding and spacing - remove section background and border - decrease font size in section headers https://bugzilla.gnome.org/show_bug.cgi?id=643632
2011-02-25 23:00:53 +00:00
spacing: 18px;
Port Dash section headers to CSS https://bugzilla.gnome.org/show_bug.cgi?id=599442
2009-10-22 17:33:09 +00:00
}
searchDisplay: set a max width on the search results scrolled child On large displays, we don't want the search results list to expand across the whole screen; set a maximum width of 1000px. Unfortunately, since in St max-width only affects size requisition, we need a little custom layout manager to have it applied to the allocation too. https://bugzilla.gnome.org/show_bug.cgi?id=692453
2013-01-23 19:35:28 +00:00
#searchResultsBin {
max-width: 1000px;
}
Use the old dash code to implement the view selector The view selector is a tabbed interface with a search entry. Starting a search switches focus to the results' tab, ending a search moves the focus back to the previously selected tab. Activating a normal tab while a search is active cancels the search. https://bugzilla.gnome.org/show_bug.cgi?id=634948
2010-11-12 17:45:29 +00:00
#searchResultsContent {
dash: add a SlidingControl for the dash actor Will be needed to hide and show it when searching. https://bugzilla.gnome.org/show_bug.cgi?id=682050
2013-01-24 04:11:23 +00:00
padding-left: 20px;
theme: Adjust CSS for RTL locales Use :ltr/:rtl pseudo selectors where the CSS depends on the locale's text direction. https://bugzilla.gnome.org/show_bug.cgi?id=643835
2011-03-03 23:48:17 +00:00
padding-right: 20px;
searchDisplay: Add ListSearchResult and ListSearchResults These are for all search results except apps (and Wanda). We also simplify a bit the packing of search results, which removes some ugly code in navigateFocus() where we needed to call st_widget_navigate_focus() twice, since the grid icon was composed by two nested boxes, both focusable. https://bugzilla.gnome.org/show_bug.cgi?id=681797
2012-08-02 01:48:10 +00:00
spacing: 16px;
[genericDisplay+other] Port to CSS, style cleanups Mostly a straightforward porting of style code to CSS, except that various bits of other code referenced a few GenericDisplay constants, so those needed to be ported as well. Add some padding at the top between the close button and the items. Center the text and description. https://bugzilla.gnome.org/show_bug.cgi?id=600734
2009-11-06 21:08:07 +00:00
}
searchDisplay: Add ListSearchResult and ListSearchResults These are for all search results except apps (and Wanda). We also simplify a bit the packing of search results, which removes some ugly code in navigateFocus() where we needed to call st_widget_navigate_focus() twice, since the grid icon was composed by two nested boxes, both focusable. https://bugzilla.gnome.org/show_bug.cgi?id=681797
2012-08-02 01:48:10 +00:00
.search-section {
/* This should be equal to #searchResultsContent spacing */
spacing: 16px;
Add search.js, rebase search system on top The high level goal is to separate the concern of searching for things with display of those things; for example in newer mockups, applications are displayed exactly the same as they look in the AppWell. Another goal was optimizing for speed; for example, application search was pushed mostly down into C, and we avoid lowercasing and normalizing every item over and over. https://bugzilla.gnome.org/show_bug.cgi?id=603523
2009-11-29 22:45:30 +00:00
}
searchDisplay: Add ListSearchResult and ListSearchResults These are for all search results except apps (and Wanda). We also simplify a bit the packing of search results, which removes some ugly code in navigateFocus() where we needed to call st_widget_navigate_focus() twice, since the grid icon was composed by two nested boxes, both focusable. https://bugzilla.gnome.org/show_bug.cgi?id=681797
2012-08-02 01:48:10 +00:00
.search-section-separator {
-gradient-height: 1px;
-gradient-start: rgba(255,255,255,0);
-gradient-end: rgba(255,255,255,0.5);
-margin-horizontal: 1.5em;
height: 1px;
searchDisplay: Improve the placement and style of the "No results" text During user testing, it was shown that several people did not notice the miniscule text label. Make it large and centered. https://bugzilla.gnome.org/show_bug.cgi?id=683135
2012-08-31 17:27:35 +00:00
}
searchDisplay: Add ListSearchResult and ListSearchResults These are for all search results except apps (and Wanda). We also simplify a bit the packing of search results, which removes some ugly code in navigateFocus() where we needed to call st_widget_navigate_focus() twice, since the grid icon was composed by two nested boxes, both focusable. https://bugzilla.gnome.org/show_bug.cgi?id=681797
2012-08-02 01:48:10 +00:00
.search-section-content {
/* This is the space between the provider icon and the results container */
spacing: 32px;
Add search.js, rebase search system on top The high level goal is to separate the concern of searching for things with display of those things; for example in newer mockups, applications are displayed exactly the same as they look in the AppWell. Another goal was optimizing for speed; for example, application search was pushed mostly down into C, and we avoid lowercasing and normalizing every item over and over. https://bugzilla.gnome.org/show_bug.cgi?id=603523
2009-11-29 22:45:30 +00:00
}
searchDisplay: Add ListSearchResult and ListSearchResults These are for all search results except apps (and Wanda). We also simplify a bit the packing of search results, which removes some ugly code in navigateFocus() where we needed to call st_widget_navigate_focus() twice, since the grid icon was composed by two nested boxes, both focusable. https://bugzilla.gnome.org/show_bug.cgi?id=681797
2012-08-02 01:48:10 +00:00
.search-statustext {
color: #efefef;
font-size: 2em;
font-weight: bold;
Add search.js, rebase search system on top The high level goal is to separate the concern of searching for things with display of those things; for example in newer mockups, applications are displayed exactly the same as they look in the AppWell. Another goal was optimizing for speed; for example, application search was pushed mostly down into C, and we avoid lowercasing and normalizing every item over and over. https://bugzilla.gnome.org/show_bug.cgi?id=603523
2009-11-29 22:45:30 +00:00
}
searchDisplay: Add ListSearchResult and ListSearchResults These are for all search results except apps (and Wanda). We also simplify a bit the packing of search results, which removes some ugly code in navigateFocus() where we needed to call st_widget_navigate_focus() twice, since the grid icon was composed by two nested boxes, both focusable. https://bugzilla.gnome.org/show_bug.cgi?id=681797
2012-08-02 01:48:10 +00:00
.list-search-results {
spacing: 3px;
Replace all remaining BigBoxes with StBoxLayouts or StBins Also, remove a lot of cruft from genericDisplay.js leftover from previous St-ifications, and remove the pre-gtk-2.16 hacks from the status tray in panel.js (which are much less needed with the nearly-all-black panel anyway). https://bugzilla.gnome.org/show_bug.cgi?id=614516
2010-03-31 20:40:32 +00:00
}
dash: Move labels beside the app icon upon hovering Instead of using an St.Tooltip to show the app's name under the icon, manually position a new St.Label ourselves. Make sure to keep the label hidden when right-clicking so it doesn't get in the way of the popup menu. Only one tooltip/label will be displayed at a time. https://bugzilla.gnome.org/show_bug.cgi?id=666166
2011-12-16 22:46:07 +00:00
.dash-label {
border-radius: 7px;
padding: 4px 12px;
background-color: rgba(0,0,0,0.5);
text-align: center;
-x-offset: 8px;
}
searchDisplay: Add ListSearchResult and ListSearchResults These are for all search results except apps (and Wanda). We also simplify a bit the packing of search results, which removes some ugly code in navigateFocus() where we needed to call st_widget_navigate_focus() twice, since the grid icon was composed by two nested boxes, both focusable. https://bugzilla.gnome.org/show_bug.cgi?id=681797
2012-08-02 01:48:10 +00:00
/* Application Launchers, Grid and List results */
[genericDisplay+other] Port to CSS, style cleanups Mostly a straightforward porting of style code to CSS, except that various bits of other code referenced a few GenericDisplay constants, so those needed to be ported as well. Add some padding at the top between the close button and the items. Center the text and description. https://bugzilla.gnome.org/show_bug.cgi?id=600734
2009-11-06 21:08:07 +00:00
[appDisplay] Factor out WellGrid/AppIcon All mockups now use a representation for documents/places similar to the one used for applications. Rename AppIcon to BaseIcon and move its code together with WellGrid out of appDisplay to stress their general usefulness. https://bugzilla.gnome.org/show_bug.cgi?id=625887
2010-07-21 02:22:19 +00:00
.icon-grid {
Touch up the spacing and style of the app view Adds more padding between app icons, left aligns the view, removes the ugly separator, adds some margin on the right.
2010-11-29 18:16:20 +00:00
spacing: 36px;
iconGrid: Split vertical/horizontal item size IconGrid items used to be square, so a single size value made perfect sense. However, as contact search uses rectangular items, using a single size is wrong - the allocated height ends up twice the size of the visible height, which is particularly visible if another provider displays results below contact results. https://bugzilla.gnome.org/show_bug.cgi?id=670148
2012-02-14 15:30:40 +00:00
-shell-grid-horizontal-item-size: 118px;
-shell-grid-vertical-item-size: 118px;
app-view: Use larger icons According to the mockups[0], launcher icons in the app view should be larger. Leave icons in search results at their current size, until the designers decide what's appropriate there. [0] http://live.gnome.org/GnomeShell/Design/Whiteboards/Launchers https://bugzilla.gnome.org/show_bug.cgi?id=639428
2011-01-13 14:37:15 +00:00
}
search-result: Use a larger icon size Increase the icon size of search results for consistency with the application view. To account for the larger icons, only display a single row of results per section. https://bugzilla.gnome.org/show_bug.cgi?id=643632
2011-02-25 21:53:53 +00:00
.icon-grid .overview-icon {
app-view: Use larger icons According to the mockups[0], launcher icons in the app view should be larger. Leave icons in search results at their current size, until the designers decide what's appropriate there. [0] http://live.gnome.org/GnomeShell/Design/Whiteboards/Launchers https://bugzilla.gnome.org/show_bug.cgi?id=639428
2011-01-13 14:37:15 +00:00
icon-size: 96px;
}
appDisplay: Merge AllAppDisplay and ViewByCategories With categories removed, the separation between AllAppDisplay and ViewByCategories no longer makes sense. Also use this opportunity to rename the outdated AllAppDisplay to AppDisplay; it will eventually be used to manage different views. https://bugzilla.gnome.org/show_bug.cgi?id=694192
2013-01-30 22:58:42 +00:00
.app-display {
appDisplay: Add additional view showing frequently used apps According to the design mockups, the app picker should follow the recent view pattern as used by applications, where the user is first offered a subset of applications he/she is likely to start, and only then allow switching to the full set of installed applications. So implement the ability to manage several views in AppDisplay and add FrequentView as additional view, which uses the existing ShellAppUsage to display a list of frequently used applications. https://bugzilla.gnome.org/show_bug.cgi?id=694192
2013-02-18 19:18:08 +00:00
padding: 8px;
search-result: Use a larger icon size Increase the icon size of search results for consistency with the application view. To account for the larger icons, only display a single row of results per section. https://bugzilla.gnome.org/show_bug.cgi?id=643632
2011-02-25 21:53:53 +00:00
spacing: 20px;
}
app-view: Use larger icons According to the mockups[0], launcher icons in the app view should be larger. Leave icons in search results at their current size, until the designers decide what's appropriate there. [0] http://live.gnome.org/GnomeShell/Design/Whiteboards/Launchers https://bugzilla.gnome.org/show_bug.cgi?id=639428
2011-01-13 14:37:15 +00:00
appDisplay: Add additional view showing frequently used apps According to the design mockups, the app picker should follow the recent view pattern as used by applications, where the user is first offered a subset of applications he/she is likely to start, and only then allow switching to the full set of installed applications. So implement the ability to manage several views in AppDisplay and add FrequentView as additional view, which uses the existing ShellAppUsage to display a list of frequently used applications. https://bugzilla.gnome.org/show_bug.cgi?id=694192
2013-02-18 19:18:08 +00:00
.app-view-controls {
overviewControls: don't set padding on the whole overview group Set it on the control slider actor instead. At the same time, remove bottom padding from search results actor. https://bugzilla.gnome.org/show_bug.cgi?id=694287
2013-02-21 15:44:32 +00:00
padding-bottom: 32px;
appDisplay: Add additional view showing frequently used apps According to the design mockups, the app picker should follow the recent view pattern as used by applications, where the user is first offered a subset of applications he/she is likely to start, and only then allow switching to the full set of installed applications. So implement the ability to manage several views in AppDisplay and add FrequentView as additional view, which uses the existing ShellAppUsage to display a list of frequently used applications. https://bugzilla.gnome.org/show_bug.cgi?id=694192
2013-02-18 19:18:08 +00:00
}
.app-view-control {
appDisplay: Give more horizontal space to control buttons Before, the text of those buttons were truncated when the text exceeded the fixed width we had in the CSS. Now, we give more horizontal space to the control buttons to match the maximum text length of all buttons. https://bugzilla.gnome.org/show_bug.cgi?id=696307
2013-05-24 10:03:00 +00:00
padding: 4px 32px;
appDisplay: Add additional view showing frequently used apps According to the design mockups, the app picker should follow the recent view pattern as used by applications, where the user is first offered a subset of applications he/she is likely to start, and only then allow switching to the full set of installed applications. So implement the ability to manage several views in AppDisplay and add FrequentView as additional view, which uses the existing ShellAppUsage to display a list of frequently used applications. https://bugzilla.gnome.org/show_bug.cgi?id=694192
2013-02-18 19:18:08 +00:00
}
style: Fix focused app view controls Moving from fixed width to horizontal padding for the app view control buttons broke the focus style, in that buttons may change size on keyboard focus changes. Fix this by using the correct horizontal padding when focused. https://bugzilla.gnome.org/show_bug.cgi?id=703807
2013-07-05 23:35:58 +00:00
.app-view-control:focus {
padding: 3px 31px;
}
Center the search results as well Use overlay_scrollbars and the same padding. https://bugzilla.gnome.org/show_bug.cgi?id=694701
2013-02-25 19:48:06 +00:00
.search-display > StBoxLayout,
appDisplay: Apply the same padding to AllView and FrequentView We add some horizontal padding to the AllView's content to make sure content does not end up underneath the scrollbar; while this is not required in case of the FrequentView which does not have a scrollbar, applying the same padding ensures that both views end up with the same spacing, which makes switching between them less disruptive. https://bugzilla.gnome.org/show_bug.cgi?id=694261
2013-02-21 22:11:22 +00:00
.all-apps > StBoxLayout,
.frequent-apps > StBoxLayout {
style: Prevent dash from overlapping content In order to center the view selector, the dash has been moved to a separate layer, which means that it will overlap the app picker and search results if the available width is smaller than the maximum width that the content will request. Fix this by adding enough horizontal padding to account for the width the dash will have at its largest icon size. https://bugzilla.gnome.org/show_bug.cgi?id=695471
2013-03-08 22:58:28 +00:00
/* horizontal padding to make sure scrollbars or dash don't overlap content */
padding: 0px 88px;
appDisplay: Center AllView content If the AllView is scrolled, the vertical scrollbar will take away some horizontal space on one side, resulting in the content ending up slightly off-center. Account for this by using overlay-scrollbars instead. https://bugzilla.gnome.org/show_bug.cgi?id=694261
2013-02-21 21:49:42 +00:00
}
appDisplay: Add new FolderIcon class FolderIcons will appear in the primary app view along AppIcons, but represent a group of applications rather than a single application. https://bugzilla.gnome.org/show_bug.cgi?id=694192
2013-01-31 16:13:37 +00:00
.app-folder-icon {
padding: 5px;
}
dash: Refactor favRemoveTarget to showAppsIcon In the new designs, we no longer need favRemoveTarget. As it shares a lot of its functionality with the new showAppsIcon, we refactor and restyle it accordingly. https://bugzilla.gnome.org/show_bug.cgi?id=682109
2012-08-14 14:34:14 +00:00
.dash-item-container > StButton {
dash: Minor style fixes - 1px border rather than 2 - less padding around launchers - icon prelight was too bright, bring it down a notch Based on an original patch by Jakub Steiner. https://bugzilla.gnome.org/show_bug.cgi?id=636156
2011-01-31 14:05:23 +00:00
padding: 4px 8px;
dash: Move padding into the icon for Fittsability With this change, the icons' reactive area extends to the screen edge, making them good targets according to Fitts' law. https://bugzilla.gnome.org/show_bug.cgi?id=634948
2010-09-30 21:49:07 +00:00
}
searchDisplay: Add ListSearchResult and ListSearchResults These are for all search results except apps (and Wanda). We also simplify a bit the packing of search results, which removes some ugly code in navigateFocus() where we needed to call st_widget_navigate_focus() twice, since the grid icon was composed by two nested boxes, both focusable. https://bugzilla.gnome.org/show_bug.cgi?id=681797
2012-08-02 01:48:10 +00:00
.list-search-result-content {
spacing: 12px;
padding: 12px;
}
.list-search-result-title {
font-weight: bold;
font-size: 14pt;
color: white;
}
.list-search-result-description {
color: #eeeeec;
}
searchDisplay, and others: Switch from provider title to provider icon Display a '+' icon on the provider icon if there are more results that are hidden. If the provider icon is clicked, ask the provider to launch itself and perform a search with the current terms. https://bugzilla.gnome.org/show_bug.cgi?id=681797
2012-08-09 21:52:36 +00:00
.search-provider-icon-more {
width: 16px;
height: 16px;
background-image: url("more-results.svg");
}
search-display: Change the default display to use iconGrid Current mockups display all search results as icons as used by application results, so change the default result display to use iconGrid/BaseIcon. Remove the custom application results display, as it is no longer needed. https://bugzilla.gnome.org/show_bug.cgi?id=634948
2010-10-14 12:27:28 +00:00
.app-well-app > .overview-icon,
dash: Refactor favRemoveTarget to showAppsIcon In the new designs, we no longer need favRemoveTarget. As it shares a lot of its functionality with the new showAppsIcon, we refactor and restyle it accordingly. https://bugzilla.gnome.org/show_bug.cgi?id=682109
2012-08-14 14:34:14 +00:00
.show-apps > .overview-icon,
searchDisplay, and others: Switch from provider title to provider icon Display a '+' icon on the provider icon if there are more results that are hidden. If the provider icon is clicked, ask the provider to launch itself and perform a search with the current terms. https://bugzilla.gnome.org/show_bug.cgi?id=681797
2012-08-09 21:52:36 +00:00
.search-provider-icon,
searchDisplay: Add ListSearchResult and ListSearchResults These are for all search results except apps (and Wanda). We also simplify a bit the packing of search results, which removes some ugly code in navigateFocus() where we needed to call st_widget_navigate_focus() twice, since the grid icon was composed by two nested boxes, both focusable. https://bugzilla.gnome.org/show_bug.cgi?id=681797
2012-08-02 01:48:10 +00:00
.list-search-result,
.grid-search-result .overview-icon {
Update running app indicator to match latest mockup https://bugzilla.gnome.org/show_bug.cgi?id=606257
2010-01-07 05:40:21 +00:00
border-radius: 4px;
overview, appDisplay: add Dash to Ctrl-Alt-Tab Add the dash to Ctrl-Alt-Tab, add appropriate :focus CSS, and connect to the popup-menu signal on dash icons. https://bugzilla.gnome.org/show_bug.cgi?id=618887
2011-02-03 17:38:03 +00:00
padding: 3px;
border: 1px rgba(0,0,0,0);
St: fix parsing of transition-duration values According to css3-transition, transition-duration is expressed as a time, that is, in seconds or milliseconds. Fix that by recognizing numbers with units and implicitly converting to milliseconds after parsing. https://bugzilla.gnome.org/show_bug.cgi?id=681376
2012-08-07 14:20:43 +00:00
transition-duration: 100ms;
Implement "text-align" "text-align" allows setting the alignment of text, with respect to other lines and allocated space, without requiring a reference to the ClutterText (which is private for most widgets). If not specified, all text is left-aligned. https://bugzilla.gnome.org/show_bug.cgi?id=622447
2010-06-22 20:04:45 +00:00
text-align: center;
[genericDisplay+other] Port to CSS, style cleanups Mostly a straightforward porting of style code to CSS, except that various bits of other code referenced a few GenericDisplay constants, so those needed to be ported as well. Add some padding at the top between the close button and the items. Center the text and description. https://bugzilla.gnome.org/show_bug.cgi?id=600734
2009-11-06 21:08:07 +00:00
}
theme: adds padding to search-provider-icon Adds 15px padding to all sides of provider icon to have padding which seems equal to that of list-search-result-content. This aligns the provider icon vertically with the search result content. Padding is set to 15px as list-search-result-content has 12px padding and the outer box (list-search-result) has 3px. http://bugzilla.gnome.org/show_bug.cgi?id=695760
2013-06-26 12:13:46 +00:00
.search-provider-icon {
padding: 15px;
}
appDisplay: Add new FolderIcon class FolderIcons will appear in the primary app view along AppIcons, but represent a group of applications rather than a single application. https://bugzilla.gnome.org/show_bug.cgi?id=694192
2013-01-31 16:13:37 +00:00
.app-folder-popup {
-arrow-border-radius: 8px;
-arrow-background-color: black;
-arrow-base: 24px;
-arrow-rise: 11px;
}
.app-folder-popup-bin {
padding: 15px;
}
theme - split up contacts and app launcher styles Put the contact and application launcher styling into separate sections. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-23 17:23:49 +00:00
.app-well-app.running > .overview-icon {
text-shadow: black 0px 2px 2px;
background-image: url("running-indicator.svg");
background-size: contain;
}
appDisplay: Add new FolderIcon class FolderIcons will appear in the primary app view along AppIcons, but represent a group of applications rather than a single application. https://bugzilla.gnome.org/show_bug.cgi?id=694192
2013-01-31 16:13:37 +00:00
.app-well-app.app-folder > .overview-icon {
background-color: rgba(0,0,0,0.5);
}
theme - split up contacts and app launcher styles Put the contact and application launcher styling into separate sections. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-23 17:23:49 +00:00
.app-well-app:hover > .overview-icon,
dash: Refactor favRemoveTarget to showAppsIcon In the new designs, we no longer need favRemoveTarget. As it shares a lot of its functionality with the new showAppsIcon, we refactor and restyle it accordingly. https://bugzilla.gnome.org/show_bug.cgi?id=682109
2012-08-14 14:34:14 +00:00
.show-apps:hover > .overview-icon,
searchDisplay, and others: Switch from provider title to provider icon Display a '+' icon on the provider icon if there are more results that are hidden. If the provider icon is clicked, ask the provider to launch itself and perform a search with the current terms. https://bugzilla.gnome.org/show_bug.cgi?id=681797
2012-08-09 21:52:36 +00:00
.search-provider-icon:hover,
searchDisplay: Add ListSearchResult and ListSearchResults These are for all search results except apps (and Wanda). We also simplify a bit the packing of search results, which removes some ugly code in navigateFocus() where we needed to call st_widget_navigate_focus() twice, since the grid icon was composed by two nested boxes, both focusable. https://bugzilla.gnome.org/show_bug.cgi?id=681797
2012-08-02 01:48:10 +00:00
.list-search-result:hover,
.grid-search-result:hover .overview-icon {
theme - split up contacts and app launcher styles Put the contact and application launcher styling into separate sections. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-23 17:23:49 +00:00
background-color: rgba(255,255,255,0.1);
text-shadow: black 0px 2px 2px;
St: fix parsing of transition-duration values According to css3-transition, transition-duration is expressed as a time, that is, in seconds or milliseconds. Fix that by recognizing numbers with units and implicitly converting to milliseconds after parsing. https://bugzilla.gnome.org/show_bug.cgi?id=681376
2012-08-07 14:20:43 +00:00
transition-duration: 100ms;
dash: Refactor favRemoveTarget to showAppsIcon In the new designs, we no longer need favRemoveTarget. As it shares a lot of its functionality with the new showAppsIcon, we refactor and restyle it accordingly. https://bugzilla.gnome.org/show_bug.cgi?id=682109
2012-08-14 14:34:14 +00:00
color:white;
}
theme: Adjust border-radius for focus indication to match hover Commit 7b3a689aadd changed the border-radius of the hover effect to match the prelight effect, but not the focus indication, so the focused item now changes corners on hover. Fix this by using a consistent border-radius. https://bugzilla.gnome.org/show_bug.cgi?id=691578
2013-03-14 22:29:43 +00:00
.app-display .app-well-app > .overview-icon {
theme: match the hover effect radius to the prelight effect Application view: the radius of the corners on the hover effect should match the radius of the prelight effect that is used for running apps. Original fix from Bharath Thiruveedula. https://bugzilla.gnome.org/show_bug.cgi?id=691578
2013-03-07 12:48:38 +00:00
border-radius: 10px;
}
theme: tone down search results description font style - don't use bold - use regular font size - make the text shadow less dramatic
2013-03-01 19:21:07 +00:00
.list-search-result:hover .list-search-result-description {
text-shadow: rgba(0,0,0,0.8) 0px 1px 2px;
}
dash: Refactor favRemoveTarget to showAppsIcon In the new designs, we no longer need favRemoveTarget. As it shares a lot of its functionality with the new showAppsIcon, we refactor and restyle it accordingly. https://bugzilla.gnome.org/show_bug.cgi?id=682109
2012-08-14 14:34:14 +00:00
.show-apps {
padding: 4px 0;
}
.show-apps-icon {
color: #a0a0a0;
}
.show-apps:hover .show-apps-icon {
color: white;
}
appDisplay: Add new FolderIcon class FolderIcons will appear in the primary app view along AppIcons, but represent a group of applications rather than a single application. https://bugzilla.gnome.org/show_bug.cgi?id=694192
2013-01-31 16:13:37 +00:00
.app-well-app:checked > .overview-icon,
.app-well-app:active > .overview-icon,
Make Show Applications button depress when held down The way it currently exists is awkward and not how most virtual buttons work. This patch causes the "clicked" look to occur when the button is held. https://bugzilla.gnome.org/show_bug.cgi?id=692319
2013-01-22 19:11:41 +00:00
.show-apps:checked > .overview-icon,
.show-apps:active > .overview-icon {
dash: Refactor favRemoveTarget to showAppsIcon In the new designs, we no longer need favRemoveTarget. As it shares a lot of its functionality with the new showAppsIcon, we refactor and restyle it accordingly. https://bugzilla.gnome.org/show_bug.cgi?id=682109
2012-08-14 14:34:14 +00:00
background-gradient-start: rgba(255, 255, 255, .05);
background-gradient-end: rgba(255, 255, 255, .15);
background-gradient-direction: vertical;
border-radius: 4px;
box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 1);
St: fix parsing of transition-duration values According to css3-transition, transition-duration is expressed as a time, that is, in seconds or milliseconds. Fix that by recognizing numbers with units and implicitly converting to milliseconds after parsing. https://bugzilla.gnome.org/show_bug.cgi?id=681376
2012-08-07 14:20:43 +00:00
transition-duration: 100ms;
dash: Refactor favRemoveTarget to showAppsIcon In the new designs, we no longer need favRemoveTarget. As it shares a lot of its functionality with the new showAppsIcon, we refactor and restyle it accordingly. https://bugzilla.gnome.org/show_bug.cgi?id=682109
2012-08-14 14:34:14 +00:00
}
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: white;
St: fix parsing of transition-duration values According to css3-transition, transition-duration is expressed as a time, that is, in seconds or milliseconds. Fix that by recognizing numbers with units and implicitly converting to milliseconds after parsing. https://bugzilla.gnome.org/show_bug.cgi?id=681376
2012-08-07 14:20:43 +00:00
transition-duration: 100ms;
theme - split up contacts and app launcher styles Put the contact and application launcher styling into separate sections. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-23 17:23:49 +00:00
}
css: Re-add rule lost in commit fd256b6
2012-07-06 14:55:40 +00:00
.app-well-app:focus > .overview-icon,
searchDisplay: Add ListSearchResult and ListSearchResults These are for all search results except apps (and Wanda). We also simplify a bit the packing of search results, which removes some ugly code in navigateFocus() where we needed to call st_widget_navigate_focus() twice, since the grid icon was composed by two nested boxes, both focusable. https://bugzilla.gnome.org/show_bug.cgi?id=681797
2012-08-02 01:48:10 +00:00
.grid-search-result:focus .overview-icon,
dash: Refactor favRemoveTarget to showAppsIcon In the new designs, we no longer need favRemoveTarget. As it shares a lot of its functionality with the new showAppsIcon, we refactor and restyle it accordingly. https://bugzilla.gnome.org/show_bug.cgi?id=682109
2012-08-14 14:34:14 +00:00
.show-apps:focus > .overview-icon,
searchDisplay, and others: Switch from provider title to provider icon Display a '+' icon on the provider icon if there are more results that are hidden. If the provider icon is clicked, ask the provider to launch itself and perform a search with the current terms. https://bugzilla.gnome.org/show_bug.cgi?id=681797
2012-08-09 21:52:36 +00:00
.search-provider-icon:focus,
searchDisplay: Add ListSearchResult and ListSearchResults These are for all search results except apps (and Wanda). We also simplify a bit the packing of search results, which removes some ugly code in navigateFocus() where we needed to call st_widget_navigate_focus() twice, since the grid icon was composed by two nested boxes, both focusable. https://bugzilla.gnome.org/show_bug.cgi?id=681797
2012-08-02 01:48:10 +00:00
.list-search-result:focus,
css: Re-add rule lost in commit fd256b6
2012-07-06 14:55:40 +00:00
.app-well-app:selected > .overview-icon,
searchDisplay: Add ListSearchResult and ListSearchResults These are for all search results except apps (and Wanda). We also simplify a bit the packing of search results, which removes some ugly code in navigateFocus() where we needed to call st_widget_navigate_focus() twice, since the grid icon was composed by two nested boxes, both focusable. https://bugzilla.gnome.org/show_bug.cgi?id=681797
2012-08-02 01:48:10 +00:00
.grid-search-result:selected .overview-icon,
.search-provider-icon:selected,
.list-search-result:selected {
css: Re-add rule lost in commit fd256b6
2012-07-06 14:55:40 +00:00
background-color: rgba(255,255,255,0.33);
}
Port LookingGlass console to ST widgets * Style aspects like colors and fonts are moved into gnome-shell.css. * Scrolling is adding using StScrollView. Based on a patch from Colin Walters https://bugzilla.gnome.org/show_bug.cgi?id=591245
2009-09-10 05:38:13 +00:00
/* LookingGlass */
theme: Reformat Put braces on the same lines as the selectors
2012-08-03 15:21:53 +00:00
#LookingGlassDialog {
lookingGlass: make it look consistent with the rest of the Shell https://bugzilla.gnome.org/show_bug.cgi?id=650900
2011-10-21 04:05:39 +00:00
background-color: rgba(0,0,0,0.80);
theme: Fix indentation https://bugzilla.gnome.org/show_bug.cgi?id=650900
2011-10-21 04:00:30 +00:00
spacing: 4px;
padding: 4px;
border: 2px solid grey;
border-radius: 4px;
Port LookingGlass console to ST widgets * Style aspects like colors and fonts are moved into gnome-shell.css. * Scrolling is adding using StScrollView. Based on a patch from Colin Walters https://bugzilla.gnome.org/show_bug.cgi?id=591245
2009-09-10 05:38:13 +00:00
}
theme: Reformat Put braces on the same lines as the selectors
2012-08-03 15:21:53 +00:00
#LookingGlassDialog > #Toolbar {
theme: Fix indentation https://bugzilla.gnome.org/show_bug.cgi?id=650900
2011-10-21 04:00:30 +00:00
border: 1px solid grey;
border-radius: 4px;
Port LookingGlass console to ST widgets * Style aspects like colors and fonts are moved into gnome-shell.css. * Scrolling is adding using StScrollView. Based on a patch from Colin Walters https://bugzilla.gnome.org/show_bug.cgi?id=591245
2009-09-10 05:38:13 +00:00
}
Port more to CSS https://bugzilla.gnome.org/show_bug.cgi?id=599661
2009-10-27 17:27:00 +00:00
#LookingGlassDialog .labels {
theme: Fix indentation https://bugzilla.gnome.org/show_bug.cgi?id=650900
2011-10-21 04:00:30 +00:00
spacing: 4px;
Port more to CSS https://bugzilla.gnome.org/show_bug.cgi?id=599661
2009-10-27 17:27:00 +00:00
}
#LookingGlassDialog .notebook-tab {
lookingGlass: make it look consistent with the rest of the Shell https://bugzilla.gnome.org/show_bug.cgi?id=650900
2011-10-21 04:05:39 +00:00
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
font-weight: bold;
color: #ccc;
St: fix parsing of transition-duration values According to css3-transition, transition-duration is expressed as a time, that is, in seconds or milliseconds. Fix that by recognizing numbers with units and implicitly converting to milliseconds after parsing. https://bugzilla.gnome.org/show_bug.cgi?id=681376
2012-08-07 14:20:43 +00:00
transition-duration: 100ms;
lookingGlass: make it look consistent with the rest of the Shell https://bugzilla.gnome.org/show_bug.cgi?id=650900
2011-10-21 04:05:39 +00:00
padding-left: .3em;
padding-right: .3em;
Port more to CSS https://bugzilla.gnome.org/show_bug.cgi?id=599661
2009-10-27 17:27:00 +00:00
}
[lookingGlass] Remove Properties tab, replace with popup object inspector Make inspecting objects more dynamic by turning them into links which pops up a dialog, rather than the more clunky tab interaction.
2010-05-15 16:43:56 +00:00
#LookingGlassDialog .notebook-tab:hover {
lookingGlass: make it look consistent with the rest of the Shell https://bugzilla.gnome.org/show_bug.cgi?id=650900
2011-10-21 04:05:39 +00:00
color: white;
text-shadow: black 0px 2px 2px;
[lookingGlass] Remove Properties tab, replace with popup object inspector Make inspecting objects more dynamic by turning them into links which pops up a dialog, rather than the more clunky tab interaction.
2010-05-15 16:43:56 +00:00
}
Port more to CSS https://bugzilla.gnome.org/show_bug.cgi?id=599661
2009-10-27 17:27:00 +00:00
#LookingGlassDialog .notebook-tab:selected {
lookingGlass: make it look consistent with the rest of the Shell https://bugzilla.gnome.org/show_bug.cgi?id=650900
2011-10-21 04:05:39 +00:00
border-image: url("panel-button-border.svg") 10 10 0 2;
background-image: url("panel-button-highlight-wide.svg");
color: white;
text-shadow: black 0px 2px 2px;
[lookingGlass] Remove Properties tab, replace with popup object inspector Make inspecting objects more dynamic by turning them into links which pops up a dialog, rather than the more clunky tab interaction.
2010-05-15 16:43:56 +00:00
}
#LookingGlassDialog .lg-inspector-title {
font-weight: bold;
padding-bottom: 8px;
Port more to CSS https://bugzilla.gnome.org/show_bug.cgi?id=599661
2009-10-27 17:27:00 +00:00
}
theme: Reformat Put braces on the same lines as the selectors
2012-08-03 15:21:53 +00:00
.lg-dialog StEntry {
lookingGlass: make it look consistent with the rest of the Shell https://bugzilla.gnome.org/show_bug.cgi?id=650900
2011-10-21 04:05:39 +00:00
selection-background-color: #bbbbbb;
selected-color: #333333;
Port LookingGlass console to ST widgets * Style aspects like colors and fonts are moved into gnome-shell.css. * Scrolling is adding using StScrollView. Based on a patch from Colin Walters https://bugzilla.gnome.org/show_bug.cgi?id=591245
2009-09-10 05:38:13 +00:00
}
theme: Reformat Put braces on the same lines as the selectors
2012-08-03 15:21:53 +00:00
.lg-completions-text {
lookingGlass: Add tab-completion https://bugzilla.gnome.org/show_bug.cgi?id=661054
2011-10-29 08:20:49 +00:00
font-size: .9em;
font-style: italic;
}
theme: Reformat Put braces on the same lines as the selectors
2012-08-03 15:21:53 +00:00
.lg-obj-inspector-title {
theme: Fix indentation https://bugzilla.gnome.org/show_bug.cgi?id=650900
2011-10-21 04:00:30 +00:00
spacing: 4px;
[lookingGlass] Remove Properties tab, replace with popup object inspector Make inspecting objects more dynamic by turning them into links which pops up a dialog, rather than the more clunky tab interaction.
2010-05-15 16:43:56 +00:00
}
theme: Reformat Put braces on the same lines as the selectors
2012-08-03 15:21:53 +00:00
.lg-obj-inspector-button {
lookingGlass: make it look consistent with the rest of the Shell https://bugzilla.gnome.org/show_bug.cgi?id=650900
2011-10-21 04:05:39 +00:00
border: 1px solid gray;
theme: Fix indentation https://bugzilla.gnome.org/show_bug.cgi?id=650900
2011-10-21 04:00:30 +00:00
padding: 4px;
border-radius: 4px;
[lookingGlass] Remove Properties tab, replace with popup object inspector Make inspecting objects more dynamic by turning them into links which pops up a dialog, rather than the more clunky tab interaction.
2010-05-15 16:43:56 +00:00
}
theme: Reformat Put braces on the same lines as the selectors
2012-08-03 15:21:53 +00:00
.lg-obj-inspector-button:hover {
lookingGlass: make it look consistent with the rest of the Shell https://bugzilla.gnome.org/show_bug.cgi?id=650900
2011-10-21 04:05:39 +00:00
border: 1px solid #ffffff;
[lookingGlass] Remove Properties tab, replace with popup object inspector Make inspecting objects more dynamic by turning them into links which pops up a dialog, rather than the more clunky tab interaction.
2010-05-15 16:43:56 +00:00
}
theme: Reformat Put braces on the same lines as the selectors
2012-08-03 15:21:53 +00:00
.lg-dialog .shell-link {
lookingGlass: make it look consistent with the rest of the Shell https://bugzilla.gnome.org/show_bug.cgi?id=650900
2011-10-21 04:05:39 +00:00
color: #999999;
[lookingGlass] Remove Properties tab, replace with popup object inspector Make inspecting objects more dynamic by turning them into links which pops up a dialog, rather than the more clunky tab interaction.
2010-05-15 16:43:56 +00:00
}
theme: Reformat Put braces on the same lines as the selectors
2012-08-03 15:21:53 +00:00
.lg-dialog .shell-link:hover {
lookingGlass: make it look consistent with the rest of the Shell https://bugzilla.gnome.org/show_bug.cgi?id=650900
2011-10-21 04:05:39 +00:00
color: #dddddd;
[lookingGlass] Remove Properties tab, replace with popup object inspector Make inspecting objects more dynamic by turning them into links which pops up a dialog, rather than the more clunky tab interaction.
2010-05-15 16:43:56 +00:00
}
theme: Reformat Put braces on the same lines as the selectors
2012-08-03 15:21:53 +00:00
#LookingGlassDialog StBoxLayout#EvalBox {
theme: Fix indentation https://bugzilla.gnome.org/show_bug.cgi?id=650900
2011-10-21 04:00:30 +00:00
padding: 4px;
spacing: 4px;
Port LookingGlass console to ST widgets * Style aspects like colors and fonts are moved into gnome-shell.css. * Scrolling is adding using StScrollView. Based on a patch from Colin Walters https://bugzilla.gnome.org/show_bug.cgi?id=591245
2009-09-10 05:38:13 +00:00
}
Add a calendar pop-down to the clock js/ui/calendar.js: Generic calendar widget tests/interactive/calendar.js: Basic test of the calendar js/ui/panel.js: Add a pop-down from the clock that shows a calendar widget. The pop-down is not menu-like to allow the user to interact with an application while looking at the calendar. gnome-shell.css: Add theming for calendar, calendar popup, and for buttons on the panel https://bugzilla.gnome.org/show_bug.cgi?id=596432
2009-09-30 14:02:08 +00:00
theme: Reformat Put braces on the same lines as the selectors
2012-08-03 15:21:53 +00:00
#LookingGlassDialog StBoxLayout#ResultsArea {
theme: Fix indentation https://bugzilla.gnome.org/show_bug.cgi?id=650900
2011-10-21 04:00:30 +00:00
spacing: 4px;
Replace all remaining BigBoxes with StBoxLayouts or StBins Also, remove a lot of cruft from genericDisplay.js leftover from previous St-ifications, and remove the pre-gtk-2.16 hacks from the status tray in panel.js (which are much less needed with the nearly-all-black panel anyway). https://bugzilla.gnome.org/show_bug.cgi?id=614516
2010-03-31 20:40:32 +00:00
}
[lookingGlass] Add primitive extensions list In the future this should be more like the Firefox Addons UI probably with enable/disable/update checking, but stub it out here for now. https://bugzilla.gnome.org/show_bug.cgi?id=599661
2009-10-28 22:05:34 +00:00
#lookingGlassExtensions {
padding: 4px;
}
style: Fix extension list style in looking glass No idea how this got unnoticed since forever, but code and stylesheet didn't quite agree on the same name ... https://bugzilla.gnome.org/show_bug.cgi?id=703807
2013-07-05 01:40:10 +00:00
.lg-extensions-list {
[lookingGlass] Add primitive extensions list In the future this should be more like the Firefox Addons UI probably with enable/disable/update checking, but stub it out here for now. https://bugzilla.gnome.org/show_bug.cgi?id=599661
2009-10-28 22:05:34 +00:00
padding: 4px;
spacing: 6px;
}
.lg-extension {
border: 1px solid #6f6f6f;
border-radius: 4px;
padding: 4px;
}
.lg-extension-name {
font-weight: bold;
}
lookingGlass: Show extension state in gnome-shell We translate and create an actor to show the extension state, but we never actually add it anywhere. Fix that. https://bugzilla.gnome.org/show_bug.cgi?id=660494
2011-09-29 16:34:46 +00:00
.lg-extension-meta {
[lookingGlass] Add primitive extensions list In the future this should be more like the Firefox Addons UI probably with enable/disable/update checking, but stub it out here for now. https://bugzilla.gnome.org/show_bug.cgi?id=599661
2009-10-28 22:05:34 +00:00
spacing: 6px;
}
[lookingGlass] Remove Properties tab, replace with popup object inspector Make inspecting objects more dynamic by turning them into links which pops up a dialog, rather than the more clunky tab interaction.
2010-05-15 16:43:56 +00:00
#LookingGlassPropertyInspector {
lookingGlass: make it look consistent with the rest of the Shell https://bugzilla.gnome.org/show_bug.cgi?id=650900
2011-10-21 04:05:39 +00:00
background: rgba(0, 0, 0, 0.8);
[lookingGlass] Remove Properties tab, replace with popup object inspector Make inspecting objects more dynamic by turning them into links which pops up a dialog, rather than the more clunky tab interaction.
2010-05-15 16:43:56 +00:00
border: 2px solid grey;
border-radius: 4px;
padding: 6px;
}
Add a calendar pop-down to the clock js/ui/calendar.js: Generic calendar widget tests/interactive/calendar.js: Basic test of the calendar js/ui/panel.js: Add a pop-down from the clock that shows a calendar widget. The pop-down is not menu-like to allow the user to interact with an application while looking at the calendar. gnome-shell.css: Add theming for calendar, calendar popup, and for buttons on the panel https://bugzilla.gnome.org/show_bug.cgi?id=596432
2009-09-30 14:02:08 +00:00
/* Calendar popup */
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
.calendar-vertical-separator {
-stipple-width: 1px;
-stipple-color: #505050;
calendar: Improve Layout - align event header with buttons - button hovers stretch across fully like menus - better padding for month - day hover is lighter https://bugzilla.gnome.org/show_bug.cgi?id=641135
2011-04-15 15:25:03 +00:00
width: 0.3em;
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
}
Add scroll-wheel support to the calendar Make the calendar reactive and handle scroll events to change the month. (GtkCalendar and hence the old gnome-panel calendar supported this and it is apparently a handy way to flip through months.) The padding is moved from the CalenderPopup to the Calendar so that the scroll region extends all the way to the edge of the popup. https://bugzilla.gnome.org/show_bug.cgi?id=596432
2009-10-01 19:18:20 +00:00
#calendarPopup .calendar {
Add a calendar pop-down to the clock js/ui/calendar.js: Generic calendar widget tests/interactive/calendar.js: Basic test of the calendar js/ui/panel.js: Add a pop-down from the clock that shows a calendar widget. The pop-down is not menu-like to allow the user to interact with an application while looking at the calendar. gnome-shell.css: Add theming for calendar, calendar popup, and for buttons on the panel https://bugzilla.gnome.org/show_bug.cgi?id=596432
2009-09-30 14:02:08 +00:00
padding: 10px;
}
.calendar {
improve calendar layout and legibitily This fixes some alignment issues with the calendar events pane. It also makes some legitibility improvements by using bigger fonts and clearer colors.
2012-07-13 14:44:33 +00:00
padding: .4em 1.75em .8em 1.75em;
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
spacing-rows: 0px;
spacing-columns: 0px;
Add a calendar pop-down to the clock js/ui/calendar.js: Generic calendar widget tests/interactive/calendar.js: Basic test of the calendar js/ui/panel.js: Add a pop-down from the clock that shows a calendar widget. The pop-down is not menu-like to allow the user to interact with an application while looking at the calendar. gnome-shell.css: Add theming for calendar, calendar popup, and for buttons on the panel https://bugzilla.gnome.org/show_bug.cgi?id=596432
2009-09-30 14:02:08 +00:00
}
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
.calendar-month-label {
improve calendar layout and legibitily This fixes some alignment issues with the calendar events pane. It also makes some legitibility improvements by using bigger fonts and clearer colors.
2012-07-13 14:44:33 +00:00
color: #888a85;
font-size: 9.5pt;
font-weight: bold;
calendar: Improve Layout - align event header with buttons - button hovers stretch across fully like menus - better padding for month - day hover is lighter https://bugzilla.gnome.org/show_bug.cgi?id=641135
2011-04-15 15:25:03 +00:00
padding-bottom: 8px;
padding-top: 8px;
Add a calendar pop-down to the clock js/ui/calendar.js: Generic calendar widget tests/interactive/calendar.js: Basic test of the calendar js/ui/panel.js: Add a pop-down from the clock that shows a calendar widget. The pop-down is not menu-like to allow the user to interact with an application while looking at the calendar. gnome-shell.css: Add theming for calendar, calendar popup, and for buttons on the panel https://bugzilla.gnome.org/show_bug.cgi?id=596432
2009-09-30 14:02:08 +00:00
}
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
.calendar-change-month-back {
calendar: Improve Layout - align event header with buttons - button hovers stretch across fully like menus - better padding for month - day hover is lighter https://bugzilla.gnome.org/show_bug.cgi?id=641135
2011-04-15 15:25:03 +00:00
width: 18px;
height: 12px;
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
background-image: url("calendar-arrow-left.svg");
border-radius: 4px;
}
theme: Adjust CSS for RTL locales Use :ltr/:rtl pseudo selectors where the CSS depends on the locale's text direction. https://bugzilla.gnome.org/show_bug.cgi?id=643835
2011-03-03 23:48:17 +00:00
.calendar-change-month-back:rtl {
background-image: url("calendar-arrow-right.svg");
}
theme: Add focus styles for the calendar menu https://bugzilla.gnome.org/show_bug.cgi?id=667434
2013-03-16 21:33:59 +00:00
.calendar-change-month-back:hover,
.calendar-change-month-back:focus {
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
background-color: #999999;
}
.calendar-change-month-back:active {
background-color: #aaaaaa;
Add a calendar pop-down to the clock js/ui/calendar.js: Generic calendar widget tests/interactive/calendar.js: Basic test of the calendar js/ui/panel.js: Add a pop-down from the clock that shows a calendar widget. The pop-down is not menu-like to allow the user to interact with an application while looking at the calendar. gnome-shell.css: Add theming for calendar, calendar popup, and for buttons on the panel https://bugzilla.gnome.org/show_bug.cgi?id=596432
2009-09-30 14:02:08 +00:00
}
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
.calendar-change-month-forward {
calendar: Improve Layout - align event header with buttons - button hovers stretch across fully like menus - better padding for month - day hover is lighter https://bugzilla.gnome.org/show_bug.cgi?id=641135
2011-04-15 15:25:03 +00:00
width: 18px;
height: 12px;
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
background-image: url("calendar-arrow-right.svg");
border-radius: 4px;
}
theme: Adjust CSS for RTL locales Use :ltr/:rtl pseudo selectors where the CSS depends on the locale's text direction. https://bugzilla.gnome.org/show_bug.cgi?id=643835
2011-03-03 23:48:17 +00:00
.calendar-change-month-forward:rtl {
background-image: url("calendar-arrow-left.svg");
}
theme: Add focus styles for the calendar menu https://bugzilla.gnome.org/show_bug.cgi?id=667434
2013-03-16 21:33:59 +00:00
.calendar-change-month-forward:hover,
.calendar-change-month-forward:focus {
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
background-color: #999999;
}
.calendar-change-month-forward:active {
background-color: #aaaaaa;
}
.datemenu-date-label {
improve calendar layout and legibitily This fixes some alignment issues with the calendar events pane. It also makes some legitibility improvements by using bigger fonts and clearer colors.
2012-07-13 14:44:33 +00:00
padding: .4em 1.7em;
Update calendar font style Now that we are using Cantarell as the default UI font, some clarity was reduced in using the calendar. Mockups already address this so change the font styles in CSS to match the mockups. https://bugzilla.gnome.org/show_bug.cgi?id=642194
2011-02-16 00:46:32 +00:00
font-weight: bold;
theme: Center date label in calendar
2012-06-26 18:17:11 +00:00
text-align: center;
improve calendar layout and legibitily This fixes some alignment issues with the calendar events pane. It also makes some legitibility improvements by using bigger fonts and clearer colors.
2012-07-13 14:44:33 +00:00
color: #eeeeec;
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
}
.calendar-day-base {
improve calendar layout and legibitily This fixes some alignment issues with the calendar events pane. It also makes some legitibility improvements by using bigger fonts and clearer colors.
2012-07-13 14:44:33 +00:00
font-size: 9pt;
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
text-align: center;
Use points for font sizes Do a basic job of converting font sizes from pixels to points, so they will scale will the global GNOME scale factor. Some other sizes that are clearly related to the font sizes are changed to ems, but no comprehensive attempt is made to get rid of px units. https://bugzilla.gnome.org/show_bug.cgi?id=636868
2011-03-04 20:54:19 +00:00
width: 2.4em;
height: 2.4em;
Add a calendar pop-down to the clock js/ui/calendar.js: Generic calendar widget tests/interactive/calendar.js: Basic test of the calendar js/ui/panel.js: Add a pop-down from the clock that shows a calendar widget. The pop-down is not menu-like to allow the user to interact with an application while looking at the calendar. gnome-shell.css: Add theming for calendar, calendar popup, and for buttons on the panel https://bugzilla.gnome.org/show_bug.cgi?id=596432
2009-09-30 14:02:08 +00:00
}
theme: Add focus styles for the calendar menu https://bugzilla.gnome.org/show_bug.cgi?id=667434
2013-03-16 21:33:59 +00:00
.calendar-day-base:hover,
.calendar-day-base:focus {
calendar: Update style The style used to highlight today's date should follow the style of active panel buttons, so update it to reflect the new panel style. https://bugzilla.gnome.org/show_bug.cgi?id=642697
2011-02-09 02:18:46 +00:00
background-color: #777777;
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
}
.calendar-day-base:active {
improve calendar layout and legibitily This fixes some alignment issues with the calendar events pane. It also makes some legitibility improvements by using bigger fonts and clearer colors.
2012-07-13 14:44:33 +00:00
font-size: 9pt;
calendar: Update style The style used to highlight today's date should follow the style of active panel buttons, so update it to reflect the new panel style. https://bugzilla.gnome.org/show_bug.cgi?id=642697
2011-02-09 02:18:46 +00:00
background-color: #555555;
improve calendar layout and legibitily This fixes some alignment issues with the calendar events pane. It also makes some legitibility improvements by using bigger fonts and clearer colors.
2012-07-13 14:44:33 +00:00
color: white;
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
}
.calendar-day-heading {
improve calendar layout and legibitily This fixes some alignment issues with the calendar events pane. It also makes some legitibility improvements by using bigger fonts and clearer colors.
2012-07-13 14:44:33 +00:00
color: #888a85;
padding-top: .2em;
height: 1.7em;
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
}
.calendar-week-number {
improve calendar layout and legibitily This fixes some alignment issues with the calendar events pane. It also makes some legitibility improvements by using bigger fonts and clearer colors.
2012-07-13 14:44:33 +00:00
color: #babdb6;
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
font-weight: bold;
}
/* Hack used in lieu of border-collapse - see calendar.js */
Add a calendar pop-down to the clock js/ui/calendar.js: Generic calendar widget tests/interactive/calendar.js: Basic test of the calendar js/ui/panel.js: Add a pop-down from the clock that shows a calendar widget. The pop-down is not menu-like to allow the user to interact with an application while looking at the calendar. gnome-shell.css: Add theming for calendar, calendar popup, and for buttons on the panel https://bugzilla.gnome.org/show_bug.cgi?id=596432
2009-09-30 14:02:08 +00:00
.calendar-day {
improve calendar layout and legibitily This fixes some alignment issues with the calendar events pane. It also makes some legitibility improvements by using bigger fonts and clearer colors.
2012-07-13 14:44:33 +00:00
border: 1px solid #505050;
color: #babdb6;
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
border-top-width: 0;
border-left-width: 0;
}
improve calendar layout and legibitily This fixes some alignment issues with the calendar events pane. It also makes some legitibility improvements by using bigger fonts and clearer colors.
2012-07-13 14:44:33 +00:00
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
.calendar-day-top {
border-top-width: 1px;
}
improve calendar layout and legibitily This fixes some alignment issues with the calendar events pane. It also makes some legitibility improvements by using bigger fonts and clearer colors.
2012-07-13 14:44:33 +00:00
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
.calendar-day-left {
border-left-width: 1px;
}
.calendar-work-day {
}
.calendar-nonwork-day {
background-color: rgba(128, 128, 128, .1);
Add a calendar pop-down to the clock js/ui/calendar.js: Generic calendar widget tests/interactive/calendar.js: Basic test of the calendar js/ui/panel.js: Add a pop-down from the clock that shows a calendar widget. The pop-down is not menu-like to allow the user to interact with an application while looking at the calendar. gnome-shell.css: Add theming for calendar, calendar popup, and for buttons on the panel https://bugzilla.gnome.org/show_bug.cgi?id=596432
2009-09-30 14:02:08 +00:00
}
.calendar-today {
calendar: Update style The style used to highlight today's date should follow the style of active panel buttons, so update it to reflect the new panel style. https://bugzilla.gnome.org/show_bug.cgi?id=642697
2011-02-09 02:18:46 +00:00
background-image: url("calendar-today.svg");
text-shadow: black 0px 2px 2px;
Add a calendar pop-down to the clock js/ui/calendar.js: Generic calendar widget tests/interactive/calendar.js: Basic test of the calendar js/ui/panel.js: Add a pop-down from the clock that shows a calendar widget. The pop-down is not menu-like to allow the user to interact with an application while looking at the calendar. gnome-shell.css: Add theming for calendar, calendar popup, and for buttons on the panel https://bugzilla.gnome.org/show_bug.cgi?id=596432
2009-09-30 14:02:08 +00:00
font-weight: bold;
}
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
.calendar-day-with-events {
font-weight: bold;
improve calendar layout and legibitily This fixes some alignment issues with the calendar events pane. It also makes some legitibility improvements by using bigger fonts and clearer colors.
2012-07-13 14:44:33 +00:00
color: white;
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
}
Calendar: dim days from other months, even if they have events Invert the order of the declarations, so those for calendar-other-month-day take priority over those for calendar-day-with-events. https://bugzilla.gnome.org/show_bug.cgi?id=641383
2012-12-17 21:26:26 +00:00
.calendar-other-month-day {
color: #333333;
}
Calendar: refactor the layout of the event list In order to have event descriptions on multiple lines, but still maintain proper alignment with the day and time strings, refactor the whole event list to be one big table. Headers are implemented as spanning cells, and uneven spacing is a mix of row/column spacing and cell padding. https://bugzilla.gnome.org/show_bug.cgi?id=701231
2013-06-08 16:31:30 +00:00
.events-table {
calendar: Make the events-list a fixed width Commit 929636ebd0b removed the fixed width of the calendar, while commit cb45a38838eb only added it back at max-width (resulting in width changes of the calendar while browsing days). https://bugzilla.gnome.org/show_bug.cgi?id=704200
2013-07-14 15:18:01 +00:00
width: 320px;
Calendar: refactor the layout of the event list In order to have event descriptions on multiple lines, but still maintain proper alignment with the day and time strings, refactor the whole event list to be one big table. Headers are implemented as spanning cells, and uneven spacing is a mix of row/column spacing and cell padding. https://bugzilla.gnome.org/show_bug.cgi?id=701231
2013-06-08 16:31:30 +00:00
spacing-columns: 6pt;
padding: 0 1.4em;
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
}
Calendar: refactor the layout of the event list In order to have event descriptions on multiple lines, but still maintain proper alignment with the day and time strings, refactor the whole event list to be one big table. Headers are implemented as spanning cells, and uneven spacing is a mix of row/column spacing and cell padding. https://bugzilla.gnome.org/show_bug.cgi?id=701231
2013-06-08 16:31:30 +00:00
.events-table:ltr {
padding-right: 1.9em;
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
}
Calendar: refactor the layout of the event list In order to have event descriptions on multiple lines, but still maintain proper alignment with the day and time strings, refactor the whole event list to be one big table. Headers are implemented as spanning cells, and uneven spacing is a mix of row/column spacing and cell padding. https://bugzilla.gnome.org/show_bug.cgi?id=701231
2013-06-08 16:31:30 +00:00
.events-table:rtl {
padding-left: 1.9em;
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
}
.events-day-header {
Update calendar font style Now that we are using Cantarell as the default UI font, some clarity was reduced in using the calendar. Mockups already address this so change the font styles in CSS to match the mockups. https://bugzilla.gnome.org/show_bug.cgi?id=642194
2011-02-16 00:46:32 +00:00
font-weight: bold;
improve calendar layout and legibitily This fixes some alignment issues with the calendar events pane. It also makes some legitibility improvements by using bigger fonts and clearer colors.
2012-07-13 14:44:33 +00:00
color: #999999;
Calendar: refactor the layout of the event list In order to have event descriptions on multiple lines, but still maintain proper alignment with the day and time strings, refactor the whole event list to be one big table. Headers are implemented as spanning cells, and uneven spacing is a mix of row/column spacing and cell padding. https://bugzilla.gnome.org/show_bug.cgi?id=701231
2013-06-08 16:31:30 +00:00
padding-left: 0.4em;
padding-top: 1.2em;
}
.events-day-header:first-child {
padding-top: 0;
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
}
theme: Adjust CSS for RTL locales Use :ltr/:rtl pseudo selectors where the CSS depends on the locale's text direction. https://bugzilla.gnome.org/show_bug.cgi?id=643835
2011-03-03 23:48:17 +00:00
.events-day-header:rtl {
Calendar: refactor the layout of the event list In order to have event descriptions on multiple lines, but still maintain proper alignment with the day and time strings, refactor the whole event list to be one big table. Headers are implemented as spanning cells, and uneven spacing is a mix of row/column spacing and cell padding. https://bugzilla.gnome.org/show_bug.cgi?id=701231
2013-06-08 16:31:30 +00:00
padding-left: 0;
padding-right: 0.4em;
theme: Adjust CSS for RTL locales Use :ltr/:rtl pseudo selectors where the CSS depends on the locale's text direction. https://bugzilla.gnome.org/show_bug.cgi?id=643835
2011-03-03 23:48:17 +00:00
}
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
.events-day-dayname {
color: rgba(153, 153, 153, 1.0);
text-align: left;
Calendar: refactor the layout of the event list In order to have event descriptions on multiple lines, but still maintain proper alignment with the day and time strings, refactor the whole event list to be one big table. Headers are implemented as spanning cells, and uneven spacing is a mix of row/column spacing and cell padding. https://bugzilla.gnome.org/show_bug.cgi?id=701231
2013-06-08 16:31:30 +00:00
min-width: 20px;
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
}
theme: Adjust CSS for RTL locales Use :ltr/:rtl pseudo selectors where the CSS depends on the locale's text direction. https://bugzilla.gnome.org/show_bug.cgi?id=643835
2011-03-03 23:48:17 +00:00
.events-day-dayname:rtl {
text-align: right;
}
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
.events-day-time {
color: #fff;
text-align: right;
}
theme: Adjust CSS for RTL locales Use :ltr/:rtl pseudo selectors where the CSS depends on the locale's text direction. https://bugzilla.gnome.org/show_bug.cgi?id=643835
2011-03-03 23:48:17 +00:00
.events-day-time:rtl {
text-align: left;
}
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
.events-day-task {
color: rgba(153, 153, 153, 1.0);
Calendar: refactor the layout of the event list In order to have event descriptions on multiple lines, but still maintain proper alignment with the day and time strings, refactor the whole event list to be one big table. Headers are implemented as spanning cells, and uneven spacing is a mix of row/column spacing and cell padding. https://bugzilla.gnome.org/show_bug.cgi?id=701231
2013-06-08 16:31:30 +00:00
padding-left: 8pt;
Calendar: Implement new mockup https://bugzilla.gnome.org/show_bug.cgi?id=632109 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-01-28 21:35:46 +00:00
}
Calendar: refactor the layout of the event list In order to have event descriptions on multiple lines, but still maintain proper alignment with the day and time strings, refactor the whole event list to be one big table. Headers are implemented as spanning cells, and uneven spacing is a mix of row/column spacing and cell padding. https://bugzilla.gnome.org/show_bug.cgi?id=701231
2013-06-08 16:31:30 +00:00
.events-day-task:rtl {
padding-left: 0px;
padding-right: 8pt;
Add a calendar pop-down to the clock js/ui/calendar.js: Generic calendar widget tests/interactive/calendar.js: Basic test of the calendar js/ui/panel.js: Add a pop-down from the clock that shows a calendar widget. The pop-down is not menu-like to allow the user to interact with an application while looking at the calendar. gnome-shell.css: Add theming for calendar, calendar popup, and for buttons on the panel https://bugzilla.gnome.org/show_bug.cgi?id=596432
2009-09-30 14:02:08 +00:00
}
[AppSwitcher] Update colors/border Switch from Big.Box to St.Bin and update styling per latest spec https://bugzilla.gnome.org/show_bug.cgi?id=590563
2009-09-29 16:19:16 +00:00
messageTray: make links in message banners clickable https://bugzilla.gnome.org/show_bug.cgi?id=610219
2010-11-23 23:27:47 +00:00
.url-highlighter {
link-color: #ccccff;
}
Initial implementation of the message tray and notification daemon From the message-tray branch. Most of the UI parts were written by Marina, and most of the D-Bus parts by me.
2010-01-13 20:05:20 +00:00
/* Message Tray */
#message-tray {
messageTray: restyle the message tray The patch implements the new visual style for the message tray, that is now larger and has textured background. The icons are also larger. https://bugzilla.gnome.org/show_bug.cgi?id=677213
2012-08-12 10:35:41 +00:00
background: #2e3436 url(message-tray-background.png);
background-repeat: repeat;
St: fix parsing of transition-duration values According to css3-transition, transition-duration is expressed as a time, that is, in seconds or milliseconds. Fix that by recognizing numbers with units and implicitly converting to milliseconds after parsing. https://bugzilla.gnome.org/show_bug.cgi?id=681376
2012-08-07 14:20:43 +00:00
height: 72px;
Initial implementation of the message tray and notification daemon From the message-tray branch. Most of the UI parts were written by Marina, and most of the D-Bus parts by me.
2010-01-13 20:05:20 +00:00
}
message-tray: use a style class for summary-mode actor We want to use the same style class for the message tray ghost. https://bugzilla.gnome.org/show_bug.cgi?id=690174
2012-12-13 22:47:16 +00:00
.message-tray-summary {
height: 72px;
}
Make the Message Tray button icon smaller A small visual tweak so it doesn't dominate the Message Tray too much. https://bugzilla.gnome.org/show_bug.cgi?id=699272
2013-08-19 15:25:43 +00:00
.message-tray-menu-button StIcon {
padding: 0 20px;
messageTray: Move the tray menu to a button https://bugzilla.gnome.org/show_bug.cgi?id=699272
2013-04-19 15:12:39 +00:00
color: #aaaaaa;
Make the Message Tray button icon smaller A small visual tweak so it doesn't dominate the Message Tray too much. https://bugzilla.gnome.org/show_bug.cgi?id=699272
2013-08-19 15:25:43 +00:00
icon-size: 24px;
messageTray: Move the tray menu to a button https://bugzilla.gnome.org/show_bug.cgi?id=699272
2013-04-19 15:12:39 +00:00
}
Make the Message Tray button icon smaller A small visual tweak so it doesn't dominate the Message Tray too much. https://bugzilla.gnome.org/show_bug.cgi?id=699272
2013-08-19 15:25:43 +00:00
.message-tray-menu-button:hover StIcon,
.message-tray-menu-button:active StIcon,
.message-tray-menu-button:focus StIcon {
messageTray: Move the tray menu to a button https://bugzilla.gnome.org/show_bug.cgi?id=699272
2013-04-19 15:12:39 +00:00
color: #eeeeee;
}
network: Add an empty state to the wifi dialog and adjust the sizing https://bugzilla.gnome.org/show_bug.cgi?id=705916
2013-08-12 17:19:32 +00:00
.no-messages-label,
.no-networks-label {
Add 'No Messages' label when message tray is empty To avoid confusion in new users, a 'No Messages' label is shown when messages tray is empty. https://bugzilla.gnome.org/show_bug.cgi?id=686738
2012-11-13 01:44:01 +00:00
color: #999999;
}
messageTray: notification should be a style class name, not a global name There have been multiple notifications ever since we had a notification stack per source, so the idea of one notification being on screen at a time has long been dead. https://bugzilla.gnome.org/show_bug.cgi?id=661615
2011-10-12 22:49:04 +00:00
.notification {
theme - soften notification popups Some small changes to make notifications fit with the shell aesthetic and make them match the mockups. Gives them a bigger corner radius, smaller font and more transparency. https://bugzilla.gnome.org/show_bug.cgi?id=656732
2011-08-09 14:51:37 +00:00
border-radius: 10px 10px 0px 0px;
MessageTray: change notification and boxpointer background opacity to make the text in it more clear.
2012-12-11 15:23:31 +00:00
background: rgba(0,0,0,0.9);
Fix various details of how notifications are shown This patch ensures the following notifications behavior: - Urgent notifications that have long title or banner text are auto-expanded correctly. - Single-line notifications that have _expandNotification() called (e.g. because the user mouses over to them), are treated as expanded, which means they get fully expanded if they are updated with more content and the user can escape them. - The position of expanded notifications is updated when they are updated. - Notification banner is shown again on the first line if it can fully fit there after a notification is updated, even if it was previously hidden because the notification was expanded and the old banner did not fully fit. - New notifications are immediately hidden if the user mouses away from them. - If a new notification is updated while it is shown, we extend the time it will be shown. - If a new notification is updated while it is hiding, we stop hiding it and show it again. - If a summary notification is updated while it is hiding, we let it finish hiding and show a new notification with the updated information. Implementation details: - Single-line notifications now have 4px bottom padding instead of 8px, which means that their height matches the tray height, they are fully shown in the banner mode, and don't pop out by 4px when the notification is expanded. - Notification keeps a flag that indicates whether it is expanded, updates its expanded look when it is updated, and emits an 'expanded' signal indicating that its layout has possibly changed. The message tray connects to this 'expanded' signal when it is showing a notification in the expanded state and updates the position of the notification accordingly when this signal is received so that the notification is fully shown. This is better than connecting to 'notify::height' signal on the notification bin, since it results in fewer callbacks. https://bugzilla.gnome.org/show_bug.cgi?id=617209
2010-09-10 19:47:12 +00:00
padding: 8px 8px 4px 8px;
theme: notification improvements Tweak the layout to give more space to action buttons, associate the heading with the body text, and give button labels a regular font weight. https://bugzilla.gnome.org/show_bug.cgi?id=688506
2012-11-29 16:44:40 +00:00
spacing-rows: 4px;
[MessageTray] do pop-out on hover for long notifications https://bugzilla.gnome.org/show_bug.cgi?id=606755
2010-02-01 17:10:38 +00:00
spacing-columns: 10px;
messageTray: Put the notification widget in the center Rather than stretching the entire screen length https://bugzilla.gnome.org/show_bug.cgi?id=682253
2012-08-20 20:32:10 +00:00
}
.notification, #notification-container {
font-size: 11pt;
Update the look of various message tray components The following changes make message tray look more polished: - all notifications are now same width (no min and max width) - there is an equal padding all around the notification (which resulted in the increased tray height) - action buttons are now nicely styled - chat text box glows when focused (nevermind the unfocused look because we'll soon always have it focused when it is showing) - chat text has padding on the left and rounded background - summary source buttons no longer have a border https://bugzilla.gnome.org/show_bug.cgi?id=624584
2010-07-21 06:41:45 +00:00
width: 34em;
Initial implementation of the message tray and notification daemon From the message-tray branch. Most of the UI parts were written by Marina, and most of the D-Bus parts by me.
2010-01-13 20:05:20 +00:00
}
messageTray: notification should be a style class name, not a global name There have been multiple notifications ever since we had a notification stack per source, so the idea of one notification being on screen at a time has long been dead. https://bugzilla.gnome.org/show_bug.cgi?id=661615
2011-10-12 22:49:04 +00:00
.notification.multi-line-notification {
Fix various details of how notifications are shown This patch ensures the following notifications behavior: - Urgent notifications that have long title or banner text are auto-expanded correctly. - Single-line notifications that have _expandNotification() called (e.g. because the user mouses over to them), are treated as expanded, which means they get fully expanded if they are updated with more content and the user can escape them. - The position of expanded notifications is updated when they are updated. - Notification banner is shown again on the first line if it can fully fit there after a notification is updated, even if it was previously hidden because the notification was expanded and the old banner did not fully fit. - New notifications are immediately hidden if the user mouses away from them. - If a new notification is updated while it is shown, we extend the time it will be shown. - If a new notification is updated while it is hiding, we stop hiding it and show it again. - If a summary notification is updated while it is hiding, we let it finish hiding and show a new notification with the updated information. Implementation details: - Single-line notifications now have 4px bottom padding instead of 8px, which means that their height matches the tray height, they are fully shown in the banner mode, and don't pop out by 4px when the notification is expanded. - Notification keeps a flag that indicates whether it is expanded, updates its expanded look when it is updated, and emits an 'expanded' signal indicating that its layout has possibly changed. The message tray connects to this 'expanded' signal when it is showing a notification in the expanded state and updates the position of the notification accordingly when this signal is received so that the notification is fully shown. This is better than connecting to 'notify::height' signal on the notification bin, since it results in fewer callbacks. https://bugzilla.gnome.org/show_bug.cgi?id=617209
2010-09-10 19:47:12 +00:00
padding-bottom: 8px;
}
MessageTray: clamp unexpanded notification height The height of an unexpanded notification could include expanded content if the notification has extra widgets (like actions and images), so tweening to that cause it to expand visually. Instead, use the height of the message tray before the restyle as an upper bound. https://bugzilla.gnome.org/show_bug.cgi?id=682738
2012-08-26 18:27:06 +00:00
.notification-unexpanded {
/* We want to force the actor at a specific size, irrespective
of its minimum and preferred size, so we override both */
min-height: 36px;
height: 36px;
}
messageTray: implement showing images in notifications Images are part of the notification spec, so we should support them. Marina Zhurakhinskaya provided some code for getting the layout right for this patch. https://bugzilla.gnome.org/show_bug.cgi?id=621009
2011-08-29 17:11:24 +00:00
/* We use row-span = 2 for the image cell, which prevents its height preferences to be
taken into account during allocation, so its height ends up being limited by the height
of the content in the other rows. To avoid showing a stretched image, we set the minimum
height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 = 159 */
.notification-with-image {
min-height: 159px;
}
MessageTray: add right click menu for summary items This provides straight forward controls for opening the corresponding application or removing the summary item. https://bugzilla.gnome.org/show_bug.cgi?id=617224
2011-02-11 19:43:01 +00:00
.summary-boxpointer {
Theme: improve notification scrollbar appearance Message tray: modify bubble scrollview notification padding to have the same padding at right, bottom, top and left since having different padding make scrollbar looks missaligned. Also adjust border radius of bubble to not clash the scrollbar. https://bugzilla.gnome.org/show_bug.cgi?id=688393
2012-11-19 12:22:40 +00:00
-arrow-border-radius: 15px;
MessageTray: change notification and boxpointer background opacity to make the text in it more clear.
2012-12-11 15:23:31 +00:00
-arrow-background-color: rgba(0,0,0,0.9);
boxpointer style updates Style updates to match current mockups. Give panel menus a opaque black background, remove the border from notification boxpointers and give them a bigger pointer.
2012-07-13 20:29:56 +00:00
-arrow-base: 36px;
-arrow-rise: 18px;
messageTray: move the summary notification out of MessageTray.actor With the old pre-boxpointer summary notifications, it sort of made sense that the summary notification actor was a child of the message tray. But there's no reason for that now, and in fact, it ends up requiring special cases in some places since hovering over the summary notification counts as hovering over the tray. So, fix this. https://bugzilla.gnome.org/show_bug.cgi?id=655813
2011-07-27 14:03:30 +00:00
color: white;
theme: move the message tray's summary box pointer higher The SummaryBoxPointer was peeking in the message tray. Now it is raised 4px higher.
2012-08-13 18:06:55 +00:00
-boxpointer-gap: 4px;
MessageTray: use boxpointer for summary notification https://bugzilla.gnome.org/show_bug.cgi?id=624900
2010-10-19 19:17:36 +00:00
}
messageTray: notification should be a style class name, not a global name There have been multiple notifications ever since we had a notification stack per source, so the idea of one notification being on screen at a time has long been dead. https://bugzilla.gnome.org/show_bug.cgi?id=661615
2011-10-12 22:49:04 +00:00
.summary-boxpointer .notification {
MessageTray: use boxpointer for summary notification https://bugzilla.gnome.org/show_bug.cgi?id=624900
2010-10-19 19:17:36 +00:00
border-radius: 9px;
background: rgba(0,0,0,0) !important;
padding-bottom: 12px;
[MessageTray] pop out the last notification when mousing over the summary https://bugzilla.gnome.org/show_bug.cgi?id=610726
2010-02-25 19:42:18 +00:00
}
MessageTray: add right click menu for summary items This provides straight forward controls for opening the corresponding application or removing the summary item. https://bugzilla.gnome.org/show_bug.cgi?id=617224
2011-02-11 19:43:01 +00:00
.summary-boxpointer #summary-right-click-menu {
padding-top: 12px;
padding-bottom: 12px;
}
ScreenShield: fix spacing of notifications and sources Reduce padding around persistent sources, and ensure that spacing around resident notifications is only applied once. Also, add some padding to the clock. https://bugzilla.gnome.org/show_bug.cgi?id=681143
2012-08-06 18:44:07 +00:00
.summary-notification-stack-scrollview {
MessageTray: use single scrollbar for summary notification stacks We want to allow the user to scroll through all notifications from source by using a single scrollbar. We suppress the individual scrollbars inside the notifications. As one exception, we keep the original scrollbar for chat notifications because it has a distinct look, ending above the text entry box. https://bugzilla.gnome.org/show_bug.cgi?id=611611
2011-03-22 07:40:53 +00:00
max-height: 18em;
Theme: improve notification scrollbar appearance Message tray: modify bubble scrollview notification padding to have the same padding at right, bottom, top and left since having different padding make scrollbar looks missaligned. Also adjust border radius of bubble to not clash the scrollbar. https://bugzilla.gnome.org/show_bug.cgi?id=688393
2012-11-19 12:22:40 +00:00
padding-top: 8px;
padding-bottom: 8px;
MessageTray: use single scrollbar for summary notification stacks We want to allow the user to scroll through all notifications from source by using a single scrollbar. We suppress the individual scrollbars inside the notifications. As one exception, we keep the original scrollbar for chat notifications because it has a distinct look, ending above the text entry box. https://bugzilla.gnome.org/show_bug.cgi?id=611611
2011-03-22 07:40:53 +00:00
}
ScreenShield: fix spacing of notifications and sources Reduce padding around persistent sources, and ensure that spacing around resident notifications is only applied once. Also, add some padding to the clock. https://bugzilla.gnome.org/show_bug.cgi?id=681143
2012-08-06 18:44:07 +00:00
.summary-notification-stack-scrollview:ltr {
MessageTray: use single scrollbar for summary notification stacks We want to allow the user to scroll through all notifications from source by using a single scrollbar. We suppress the individual scrollbars inside the notifications. As one exception, we keep the original scrollbar for chat notifications because it has a distinct look, ending above the text entry box. https://bugzilla.gnome.org/show_bug.cgi?id=611611
2011-03-22 07:40:53 +00:00
padding-right: 8px;
}
ScreenShield: fix spacing of notifications and sources Reduce padding around persistent sources, and ensure that spacing around resident notifications is only applied once. Also, add some padding to the clock. https://bugzilla.gnome.org/show_bug.cgi?id=681143
2012-08-06 18:44:07 +00:00
.summary-notification-stack-scrollview:rtl {
MessageTray: use single scrollbar for summary notification stacks We want to allow the user to scroll through all notifications from source by using a single scrollbar. We suppress the individual scrollbars inside the notifications. As one exception, we keep the original scrollbar for chat notifications because it has a distinct look, ending above the text entry box. https://bugzilla.gnome.org/show_bug.cgi?id=611611
2011-03-22 07:40:53 +00:00
padding-left: 8px;
}
messageTray: notification should be a style class name, not a global name There have been multiple notifications ever since we had a notification stack per source, so the idea of one notification being on screen at a time has long been dead. https://bugzilla.gnome.org/show_bug.cgi?id=661615
2011-10-12 22:49:04 +00:00
.notification-scrollview {
Add support for chatting directly from IM notifications Also reorganizes the notification layout to use an StScrollView; very tall notifications are now scrolled instead of just taking up more and more of the screen. https://bugzilla.gnome.org/show_bug.cgi?id=608999
2010-02-22 19:23:36 +00:00
max-height: 10em;
messageTray: Reduce the scroll view fade https://bugzilla.gnome.org/show_bug.cgi?id=662226
2011-10-27 17:52:17 +00:00
-st-vfade-offset: 24px;
Add support for chatting directly from IM notifications Also reorganizes the notification layout to use an StScrollView; very tall notifications are now scrolled instead of just taking up more and more of the screen. https://bugzilla.gnome.org/show_bug.cgi?id=608999
2010-02-22 19:23:36 +00:00
}
messageTray: notification should be a style class name, not a global name There have been multiple notifications ever since we had a notification stack per source, so the idea of one notification being on screen at a time has long been dead. https://bugzilla.gnome.org/show_bug.cgi?id=661615
2011-10-12 22:49:04 +00:00
.notification-scrollview:ltr > StScrollBar {
Add padding on the left of the notification scrollbar It looks better that way. https://bugzilla.gnome.org/show_bug.cgi?id=630752
2010-11-25 06:40:56 +00:00
padding-left: 6px;
}
messageTray: notification should be a style class name, not a global name There have been multiple notifications ever since we had a notification stack per source, so the idea of one notification being on screen at a time has long been dead. https://bugzilla.gnome.org/show_bug.cgi?id=661615
2011-10-12 22:49:04 +00:00
.notification-scrollview:rtl > StScrollBar {
theme: Adjust CSS for RTL locales Use :ltr/:rtl pseudo selectors where the CSS depends on the locale's text direction. https://bugzilla.gnome.org/show_bug.cgi?id=643835
2011-03-03 23:48:17 +00:00
padding-right: 6px;
}
messageTray: notification should be a style class name, not a global name There have been multiple notifications ever since we had a notification stack per source, so the idea of one notification being on screen at a time has long been dead. https://bugzilla.gnome.org/show_bug.cgi?id=661615
2011-10-12 22:49:04 +00:00
.notification-body {
Add support for chatting directly from IM notifications Also reorganizes the notification layout to use an StScrollView; very tall notifications are now scrolled instead of just taking up more and more of the screen. https://bugzilla.gnome.org/show_bug.cgi?id=608999
2010-02-22 19:23:36 +00:00
spacing: 5px;
}
messageTray: notification should be a style class name, not a global name There have been multiple notifications ever since we had a notification stack per source, so the idea of one notification being on screen at a time has long been dead. https://bugzilla.gnome.org/show_bug.cgi?id=661615
2011-10-12 22:49:04 +00:00
.notification-actions {
theme: notification improvements Tweak the layout to give more space to action buttons, associate the heading with the body text, and give button labels a regular font weight. https://bugzilla.gnome.org/show_bug.cgi?id=688506
2012-11-29 16:44:40 +00:00
padding-top: 18px;
theme: consistent button appearance and behaviour Update modal dialog, notification and search result buttons to use the same style. This improves the look of notification buttons and also ensures that all buttons change appearance when they are focused or pressed. Also change all buttons so that their labels are correctly vertically centered. https://bugzilla.gnome.org/show_bug.cgi?id=655974
2011-08-04 13:52:41 +00:00
spacing: 10px;
[MessageTray] add support for notification actions https://bugzilla.gnome.org/show_bug.cgi?id=606979
2010-02-01 20:41:22 +00:00
}
.notification-button {
theme: remove excessive padding from notification buttons Set the button width manually and remove the huge horizontal padding we had. This means that long button labels don't get cut off. https://bugzilla.gnome.org/show_bug.cgi?id=664411
2012-11-29 14:29:09 +00:00
-st-natural-width: 140px;
padding: 4px 4px 5px;
[MessageTray] add support for notification actions https://bugzilla.gnome.org/show_bug.cgi?id=606979
2010-02-01 20:41:22 +00:00
}
Enables navigation using arrow keys in notifications with buttons. Users can now use the keyboard and mouse to navigate with buttons interchangeably, instead of entirely using only mouse. https://bugzilla.gnome.org/show_bug.cgi?id=630937
2011-01-20 05:16:47 +00:00
.notification-button:focus {
theme: remove excessive padding from notification buttons Set the button width manually and remove the huge horizontal padding we had. This means that long button labels don't get cut off. https://bugzilla.gnome.org/show_bug.cgi?id=664411
2012-11-29 14:29:09 +00:00
-st-natural-width: 138px;
padding: 3px 4px 4px;
[MessageTray] add support for notification actions https://bugzilla.gnome.org/show_bug.cgi?id=606979
2010-02-01 20:41:22 +00:00
}
Add icon buttons to notifications Now if an id is passed to Notification.addButton that matches a theme icon, it will be displayed as an icon. This is another in the implement the music player mockups series. http://live.gnome.org/GnomeShell/Design/Guidelines/MessageTray/MusicPlayer https://bugzilla.gnome.org/show_bug.cgi?id=621014
2010-06-11 21:19:18 +00:00
.notification-icon-button {
border-radius: 5px;
padding: 5px;
}
Update the look of various message tray components The following changes make message tray look more polished: - all notifications are now same width (no min and max width) - there is an equal padding all around the notification (which resulted in the increased tray height) - action buttons are now nicely styled - chat text box glows when focused (nevermind the unfocused look because we'll soon always have it focused when it is showing) - chat text has padding on the left and rounded background - summary source buttons no longer have a border https://bugzilla.gnome.org/show_bug.cgi?id=624584
2010-07-21 06:41:45 +00:00
Enables navigation using arrow keys in notifications with buttons. Users can now use the keyboard and mouse to navigate with buttons interchangeably, instead of entirely using only mouse. https://bugzilla.gnome.org/show_bug.cgi?id=630937
2011-01-20 05:16:47 +00:00
.notification-icon-button:focus {
theme: consistent button appearance and behaviour Update modal dialog, notification and search result buttons to use the same style. This improves the look of notification buttons and also ensures that all buttons change appearance when they are focused or pressed. Also change all buttons so that their labels are correctly vertically centered. https://bugzilla.gnome.org/show_bug.cgi?id=655974
2011-08-04 13:52:41 +00:00
padding: 4px;
Add icon buttons to notifications Now if an id is passed to Notification.addButton that matches a theme icon, it will be displayed as an icon. This is another in the implement the music player mockups series. http://live.gnome.org/GnomeShell/Design/Guidelines/MessageTray/MusicPlayer https://bugzilla.gnome.org/show_bug.cgi?id=621014
2010-06-11 21:19:18 +00:00
}
Use St.Icon for named icons Switch from St.TextureCache.load_named_icon() to using St.Icon for named icons. Along with the advantage of getting colorization right for symbolic icons, this allows moving some icon sizes into the CSS. In the CSS, the system status icon size is changed to be 1em (=16px for the default font size), at the request of the artists. See bug 613448. https://bugzilla.gnome.org/show_bug.cgi?id=633865
2010-11-02 22:33:22 +00:00
.notification-icon-button > StIcon {
Make notification icon buttons elegant. The huge icons had little whitespace and don't scale pixel precise.
2011-11-21 14:39:36 +00:00
icon-size: 16px;
padding: 8px;
Use St.Icon for named icons Switch from St.TextureCache.load_named_icon() to using St.Icon for named icons. Along with the advantage of getting colorization right for symbolic icons, this allows moving some icon sizes into the CSS. In the CSS, the system status icon size is changed to be 1em (=16px for the default font size), at the request of the artists. See bug 613448. https://bugzilla.gnome.org/show_bug.cgi?id=633865
2010-11-02 22:33:22 +00:00
}
telepathyClient: don't add log messages on presence changes The log messages about presence changes unnecessarily cluttered the notification. Instead, we now present the presence states (online, offline, away, busy) with an icon placed right next to the avatar. We also no longer show notifications on presence changes. https://bugzilla.gnome.org/show_bug.cgi?id=669508
2012-07-05 17:47:13 +00:00
.secondary-icon {
icon-size: 1.09em;
}
autorun: add an AutorunManager class AutorunManager is a class that takes care of displaying and managing notifications and UI for storage devices. When a mount appears and a number of conditions are satisified, a transient notification will be displayed to immediately interact with the device. AutorunTransientDispatcher is the object that takes care of showing/hiding the notification sources as devices appear/disappear. Likewise, current mounts are kept in a list and presented within a list in a resident notification, handled by AutorunResidentSource. https://bugzilla.gnome.org/show_bug.cgi?id=653520
2011-07-12 13:47:43 +00:00
.hotplug-transient-box {
spacing: 6px;
padding: 2px 72px 2px 12px;
}
.hotplug-notification-item {
theme: consistent button appearance and behaviour Update modal dialog, notification and search result buttons to use the same style. This improves the look of notification buttons and also ensures that all buttons change appearance when they are focused or pressed. Also change all buttons so that their labels are correctly vertically centered. https://bugzilla.gnome.org/show_bug.cgi?id=655974
2011-08-04 13:52:41 +00:00
padding: 2px 10px;
autorun: add an AutorunManager class AutorunManager is a class that takes care of displaying and managing notifications and UI for storage devices. When a mount appears and a number of conditions are satisified, a transient notification will be displayed to immediately interact with the device. AutorunTransientDispatcher is the object that takes care of showing/hiding the notification sources as devices appear/disappear. Likewise, current mounts are kept in a list and presented within a list in a resident notification, handled by AutorunResidentSource. https://bugzilla.gnome.org/show_bug.cgi?id=653520
2011-07-12 13:47:43 +00:00
}
.hotplug-notification-item:focus {
theme: consistent button appearance and behaviour Update modal dialog, notification and search result buttons to use the same style. This improves the look of notification buttons and also ensures that all buttons change appearance when they are focused or pressed. Also change all buttons so that their labels are correctly vertically centered. https://bugzilla.gnome.org/show_bug.cgi?id=655974
2011-08-04 13:52:41 +00:00
padding: 1px 71px 1px 11px;
autorun: add an AutorunManager class AutorunManager is a class that takes care of displaying and managing notifications and UI for storage devices. When a mount appears and a number of conditions are satisified, a transient notification will be displayed to immediately interact with the device. AutorunTransientDispatcher is the object that takes care of showing/hiding the notification sources as devices appear/disappear. Likewise, current mounts are kept in a list and presented within a list in a resident notification, handled by AutorunResidentSource. https://bugzilla.gnome.org/show_bug.cgi?id=653520
2011-07-12 13:47:43 +00:00
}
.hotplug-notification-item-icon {
icon-size: 24px;
padding: 2px 5px;
}
.hotplug-resident-box {
spacing: 8px;
}
.hotplug-resident-mount {
spacing: 8px;
border-radius: 4px;
color: #ccc;
}
.hotplug-resident-mount:hover {
background-gradient-direction: horizontal;
background-gradient-start: rgba(255, 255, 255, 0.1);
background-gradient-end: rgba(255, 255, 255, 0);
color: #fff;
}
.hotplug-resident-mount-label {
color: inherit;
padding-left: 6px;
}
.hotplug-resident-mount-icon {
icon-size: 24px;
padding-left: 6px;
}
.hotplug-resident-eject-icon {
icon-size: 16px;
}
.hotplug-resident-eject-button {
theme: consistent button appearance and behaviour Update modal dialog, notification and search result buttons to use the same style. This improves the look of notification buttons and also ensures that all buttons change appearance when they are focused or pressed. Also change all buttons so that their labels are correctly vertically centered. https://bugzilla.gnome.org/show_bug.cgi?id=655974
2011-08-04 13:52:41 +00:00
padding: 7px;
autorun: add an AutorunManager class AutorunManager is a class that takes care of displaying and managing notifications and UI for storage devices. When a mount appears and a number of conditions are satisified, a transient notification will be displayed to immediately interact with the device. AutorunTransientDispatcher is the object that takes care of showing/hiding the notification sources as devices appear/disappear. Likewise, current mounts are kept in a list and presented within a list in a resident notification, handled by AutorunResidentSource. https://bugzilla.gnome.org/show_bug.cgi?id=653520
2011-07-12 13:47:43 +00:00
border-radius: 5px;
color: #ccc;
}
telepathyClient: give a separate style to TpLogger messages Sometimes, log messages are hard to differentiate from normal, unread recent messages, so give a separate style to messages retrieved from the TelepathyLogger service. https://bugzilla.gnome.org/show_bug.cgi?id=645609
2011-03-24 11:11:17 +00:00
.chat-log-message {
color: #888888;
}
telepathyClient: Add direction containers Direction containers group all contiguous messages in the same direction into their own parent container, allowing for smarter styling of similar messages. https://bugzilla.gnome.org/show_bug.cgi?id=640271
2011-08-24 14:33:44 +00:00
.chat-group-sent, .chat-group-meta {
padding: 8px 0;
}
Add support for chatting directly from IM notifications Also reorganizes the notification layout to use an StScrollView; very tall notifications are now scrolled instead of just taking up more and more of the screen. https://bugzilla.gnome.org/show_bug.cgi?id=608999
2010-02-22 19:23:36 +00:00
theme: Lighten up the sent message color, clean up Properly apply "received" style and drop unused border-radius styles now that the messages have no background color https://bugzilla.gnome.org/show_bug.cgi?id=658096
2011-09-02 20:01:24 +00:00
.chat-received {
Update the look of various message tray components The following changes make message tray look more polished: - all notifications are now same width (no min and max width) - there is an equal padding all around the notification (which resulted in the increased tray height) - action buttons are now nicely styled - chat text box glows when focused (nevermind the unfocused look because we'll soon always have it focused when it is showing) - chat text has padding on the left and rounded background - summary source buttons no longer have a border https://bugzilla.gnome.org/show_bug.cgi?id=624584
2010-07-21 06:41:45 +00:00
padding-left: 4px;
Add support for chatting directly from IM notifications Also reorganizes the notification layout to use an StScrollView; very tall notifications are now scrolled instead of just taking up more and more of the screen. https://bugzilla.gnome.org/show_bug.cgi?id=608999
2010-02-22 19:23:36 +00:00
}
theme: Adjust CSS for RTL locales Use :ltr/:rtl pseudo selectors where the CSS depends on the locale's text direction. https://bugzilla.gnome.org/show_bug.cgi?id=643835
2011-03-03 23:48:17 +00:00
.chat-received:rtl {
padding-left: 0px;
padding-right: 4px;
}
Add support for chatting directly from IM notifications Also reorganizes the notification layout to use an StScrollView; very tall notifications are now scrolled instead of just taking up more and more of the screen. https://bugzilla.gnome.org/show_bug.cgi?id=608999
2010-02-22 19:23:36 +00:00
.chat-sent {
telepathyClient: Add direction containers Direction containers group all contiguous messages in the same direction into their own parent container, allowing for smarter styling of similar messages. https://bugzilla.gnome.org/show_bug.cgi?id=640271
2011-08-24 14:33:44 +00:00
padding-left: 18pt;
theme: Lighten up the sent message color, clean up Properly apply "received" style and drop unused border-radius styles now that the messages have no background color https://bugzilla.gnome.org/show_bug.cgi?id=658096
2011-09-02 20:01:24 +00:00
color: #959595;
Add support for chatting directly from IM notifications Also reorganizes the notification layout to use an StScrollView; very tall notifications are now scrolled instead of just taking up more and more of the screen. https://bugzilla.gnome.org/show_bug.cgi?id=608999
2010-02-22 19:23:36 +00:00
}
theme: Adjust CSS for RTL locales Use :ltr/:rtl pseudo selectors where the CSS depends on the locale's text direction. https://bugzilla.gnome.org/show_bug.cgi?id=643835
2011-03-03 23:48:17 +00:00
.chat-sent:rtl {
padding-left: 0px;
telepathyClient: Add direction containers Direction containers group all contiguous messages in the same direction into their own parent container, allowing for smarter styling of similar messages. https://bugzilla.gnome.org/show_bug.cgi?id=640271
2011-08-24 14:33:44 +00:00
padding-right: 18pt;
theme: Adjust CSS for RTL locales Use :ltr/:rtl pseudo selectors where the CSS depends on the locale's text direction. https://bugzilla.gnome.org/show_bug.cgi?id=643835
2011-03-03 23:48:17 +00:00
}
Show timestamp in expanded chat When the last message is older than SCROLLBACK_IMMEDIATE_TIME (1 minutes), show a timestamp in the middle, indicating the time it was sent. Use the same style for presence changes, but show them on the left. https://bugzilla.gnome.org/show_bug.cgi?id=617228
2010-11-25 14:29:41 +00:00
.chat-meta-message {
padding-left: 4px;
theme: new chat input style, smaller meta messages Match the mockup for chat input style and meta messages - gives the input box more depth and definition, makes the meta messages smaller and therefore more distinct and less distracting. https://bugzilla.gnome.org/show_bug.cgi?id=640271
2011-08-17 10:40:28 +00:00
font-size: 9pt;
Show timestamp in expanded chat When the last message is older than SCROLLBACK_IMMEDIATE_TIME (1 minutes), show a timestamp in the middle, indicating the time it was sent. Use the same style for presence changes, but show them on the left. https://bugzilla.gnome.org/show_bug.cgi?id=617228
2010-11-25 14:29:41 +00:00
color: #bbbbbb;
}
theme: Adjust CSS for RTL locales Use :ltr/:rtl pseudo selectors where the CSS depends on the locale's text direction. https://bugzilla.gnome.org/show_bug.cgi?id=643835
2011-03-03 23:48:17 +00:00
.chat-meta-message:rtl {
padding-left: 0px;
padding-right: 4px;
}
MessageTray: change height in chat notification to have more context. https://bugzilla.gnome.org/show_bug.cgi?id=665255
2012-11-04 23:06:47 +00:00
.chat-notification-scrollview{
max-height: 22em;
}
telepathyClient: Add IM subscription request support Based on initial work from Guillaume Desmottes https://bugzilla.gnome.org/show_bug.cgi?id=653941
2011-08-26 10:27:40 +00:00
.subscription-message {
font-style: italic;
}
messageTray: notification should be a style class name, not a global name There have been multiple notifications ever since we had a notification stack per source, so the idea of one notification being on screen at a time has long been dead. https://bugzilla.gnome.org/show_bug.cgi?id=661615
2011-10-12 22:49:04 +00:00
.notification StEntry {
Update the look of various message tray components The following changes make message tray look more polished: - all notifications are now same width (no min and max width) - there is an equal padding all around the notification (which resulted in the increased tray height) - action buttons are now nicely styled - chat text box glows when focused (nevermind the unfocused look because we'll soon always have it focused when it is showing) - chat text has padding on the left and rounded background - summary source buttons no longer have a border https://bugzilla.gnome.org/show_bug.cgi?id=624584
2010-07-21 06:41:45 +00:00
border-radius: 4px;
Add support for chatting directly from IM notifications Also reorganizes the notification layout to use an StScrollView; very tall notifications are now scrolled instead of just taking up more and more of the screen. https://bugzilla.gnome.org/show_bug.cgi?id=608999
2010-02-22 19:23:36 +00:00
}
MessageTray: style summary sources Make summary sources look more clickable and highlight them when selected. Highlighting the fully expanded summary source when selected matches the highlighting in the top bar items and teaches the user that any part of the expanded summary source can be clicked. Based on the initial patches by Florian Müllner and Jonathan Strander. https://bugzilla.gnome.org/show_bug.cgi?id=644788
2011-03-22 01:22:02 +00:00
.summary-source-button {
message-tray: Restore Fittsability of summary items The reactive area of tray items should extend to the screen edge. This regressed when implementing the new tray design, make it work again. https://bugzilla.gnome.org/show_bug.cgi?id=686474
2012-10-26 04:03:53 +00:00
padding: 6px 3px 6px 3px;
}
.summary-source-button:last-child:ltr {
padding-right: 6px;
MessageTray: style summary sources Make summary sources look more clickable and highlight them when selected. Highlighting the fully expanded summary source when selected matches the highlighting in the top bar items and teaches the user that any part of the expanded summary source can be clicked. Based on the initial patches by Florian Müllner and Jonathan Strander. https://bugzilla.gnome.org/show_bug.cgi?id=644788
2011-03-22 01:22:02 +00:00
}
message-tray: Restore Fittsability of summary items The reactive area of tray items should extend to the screen edge. This regressed when implementing the new tray design, make it work again. https://bugzilla.gnome.org/show_bug.cgi?id=686474
2012-10-26 04:03:53 +00:00
.summary-source-button:last-child:rtl {
padding-left: 6px;
}
.summary-source-button:hover .summary-source {
messageTray: remove the labels of the items in the message tray According to the new visual style for the message tray we no longer show the title of the source in the message tray. https://bugzilla.gnome.org/show_bug.cgi?id=677213
2012-08-10 18:24:22 +00:00
background-color: rgba(255,255,255,0.1);
MessageTray: style summary sources Make summary sources look more clickable and highlight them when selected. Highlighting the fully expanded summary source when selected matches the highlighting in the top bar items and teaches the user that any part of the expanded summary source can be clicked. Based on the initial patches by Florian Müllner and Jonathan Strander. https://bugzilla.gnome.org/show_bug.cgi?id=644788
2011-03-22 01:22:02 +00:00
}
message-tray: Restore Fittsability of summary items The reactive area of tray items should extend to the screen edge. This regressed when implementing the new tray design, make it work again. https://bugzilla.gnome.org/show_bug.cgi?id=686474
2012-10-26 04:03:53 +00:00
.summary-source-button:focus .summary-source,
.summary-source-button:selected .summary-source {
theme: Add a new style for .summary-source-button:focus We don't need .summary-source-button:selected because we are moving the focus to the summary item when it is clicked and therefore it is always focused. https://bugzilla.gnome.org/show_bug.cgi?id=681519
2012-08-14 18:55:41 +00:00
background-color: rgba(255,255,255,0.33);
theme: Adjust CSS for RTL locales Use :ltr/:rtl pseudo selectors where the CSS depends on the locale's text direction. https://bugzilla.gnome.org/show_bug.cgi?id=643835
2011-03-03 23:48:17 +00:00
}
MessageTray: style summary sources Make summary sources look more clickable and highlight them when selected. Highlighting the fully expanded summary source when selected matches the highlighting in the top bar items and teaches the user that any part of the expanded summary source can be clicked. Based on the initial patches by Florian Müllner and Jonathan Strander. https://bugzilla.gnome.org/show_bug.cgi?id=644788
2011-03-22 01:22:02 +00:00
.summary-source {
message-tray: Restore Fittsability of summary items The reactive area of tray items should extend to the screen edge. This regressed when implementing the new tray design, make it work again. https://bugzilla.gnome.org/show_bug.cgi?id=686474
2012-10-26 04:03:53 +00:00
border-radius: 4px;
padding: 0 6px 0 6px;
St: fix parsing of transition-duration values According to css3-transition, transition-duration is expressed as a time, that is, in seconds or milliseconds. Fix that by recognizing numbers with units and implicitly converting to milliseconds after parsing. https://bugzilla.gnome.org/show_bug.cgi?id=681376
2012-08-07 14:20:43 +00:00
transition-duration: 100ms;
MessageTray: style summary sources Make summary sources look more clickable and highlight them when selected. Highlighting the fully expanded summary source when selected matches the highlighting in the top bar items and teaches the user that any part of the expanded summary source can be clicked. Based on the initial patches by Florian Müllner and Jonathan Strander. https://bugzilla.gnome.org/show_bug.cgi?id=644788
2011-03-22 01:22:02 +00:00
}
messageTray: Add an enumerable count for sources to use https://bugzilla.gnome.org/show_bug.cgi?id=649356
2011-06-24 19:46:55 +00:00
.summary-source-counter {
messageTray: Restyle the summary counters They are bigger and show an ellipsis if the count goes over 99. They now have a blurred background and a drop shadow based on data/theme/close-window.svg. https://bugzilla.gnome.org/show_bug.cgi?id=682891
2012-09-10 15:41:30 +00:00
background-image: url("summary-counter.svg");
MessageTray, ScreenShield: adjust missed message counter Fix counter size and position and add some padding in ScreenShield notifications to not obscure the items below the missed message counter. https://bugzilla.gnome.org/show_bug.cgi?id=686472
2012-11-28 19:51:56 +00:00
background-size: 2.4em;
messageTray: Restyle the summary counters They are bigger and show an ellipsis if the count goes over 99. They now have a blurred background and a drop shadow based on data/theme/close-window.svg. https://bugzilla.gnome.org/show_bug.cgi?id=682891
2012-09-10 15:41:30 +00:00
font-size: 10pt;
font-weight: bold;
MessageTray, ScreenShield: adjust missed message counter Fix counter size and position and add some padding in ScreenShield notifications to not obscure the items below the missed message counter. https://bugzilla.gnome.org/show_bug.cgi?id=686472
2012-11-28 19:51:56 +00:00
height: 2.4em;
width: 2.4em;
-shell-counter-overlap-x: 13px;
-shell-counter-overlap-y: 13px;
messageTray: Add an enumerable count for sources to use https://bugzilla.gnome.org/show_bug.cgi?id=649356
2011-06-24 19:46:55 +00:00
}
osdWindow: Add a simple OSD popup Implement a basic OSD popup that shows an icon and optionally a label and a fill level. It is based on the existing OSD implementation in gnome-settings-daemon, which it will replace. https://bugzilla.gnome.org/show_bug.cgi?id=613543
2013-03-02 09:48:25 +00:00
/* OSD */
.osd-window {
text-align: center;
font-weight: bold;
spacing: 1em;
}
.osd-window .level {
height: 0.6em;
border-radius: 0.3em;
background-color: rgba(190,190,190,0.2);
}
[AppSwitcher] Update colors/border Switch from Big.Box to St.Bin and update styling per latest spec https://bugzilla.gnome.org/show_bug.cgi?id=590563
2009-09-29 16:19:16 +00:00
/* App Switcher */
switcherPopup: Factor out altTab and ctrlAltTab's common code https://bugzilla.gnome.org/show_bug.cgi?id=689528
2012-11-30 15:16:48 +00:00
.switcher-popup {
AppSwitcher: Use CSS instead of the hardcoded POPUP_LIST_SPACING constant The POPUP_LIST_SPACING constant was used for the AltTabPopup.actor's padding, AltTabPopup.actor's spacing and SwitcherList._list's spacing. Switch to CSS and remove the constant. https://bugzilla.gnome.org/show_bug.cgi?id=613195
2010-03-26 16:47:12 +00:00
padding: 8px;
spacing: 16px;
}
osdWindow: Add a simple OSD popup Implement a basic OSD popup that shows an icon and optionally a label and a fill level. It is based on the existing OSD implementation in gnome-settings-daemon, which it will replace. https://bugzilla.gnome.org/show_bug.cgi?id=613543
2013-03-02 09:48:25 +00:00
.osd-window,
[AppSwitcher] Use thumbnails instead of a window menu, and other UI changes https://bugzilla.gnome.org/show_bug.cgi?id=590563
2009-10-02 15:02:46 +00:00
.switcher-list {
[AppSwitcher] Update colors/border Switch from Big.Box to St.Bin and update styling per latest spec https://bugzilla.gnome.org/show_bug.cgi?id=590563
2009-09-29 16:19:16 +00:00
background: rgba(0,0,0,0.8);
border: 1px solid rgba(128,128,128,0.40);
Adjust appSwitcher and workspaceSwitcher popup to match mockups
2010-10-31 16:14:17 +00:00
border-radius: 24px;
padding: 20px;
[AppSwitcher] Use thumbnails instead of a window menu, and other UI changes https://bugzilla.gnome.org/show_bug.cgi?id=590563
2009-10-02 15:02:46 +00:00
}
AppSwitcher: Use CSS instead of the hardcoded POPUP_LIST_SPACING constant The POPUP_LIST_SPACING constant was used for the AltTabPopup.actor's padding, AltTabPopup.actor's spacing and SwitcherList._list's spacing. Switch to CSS and remove the constant. https://bugzilla.gnome.org/show_bug.cgi?id=613195
2010-03-26 16:47:12 +00:00
.switcher-list-item-container {
spacing: 8px;
}
Prevent from being partly offscreen Limit the AppSwitcher to the screen size by either downscaling or scrolling. We scale the icons down up from 96, 64, 48, 32 to 22 and start scrolling if we still fail to fit on screen. The thumbnail box is shifted to either left or right, when failing to fit we scroll here to. To prevent from being offscreen at the buttom we adjust the thumbnail height to fit. The old positioning logic is replaced with a ShellGenericContainer to implement a custom allocation system. https://bugzilla.gnome.org/show_bug.cgi?id=597983
2010-03-17 17:31:03 +00:00
.thumbnail-scroll-gradient-left {
background-gradient-direction: horizontal;
background-gradient-start: rgba(51, 51, 51, 1.0);
background-gradient-end: rgba(51, 51, 51, 0);
Adjust appSwitcher and workspaceSwitcher popup to match mockups
2010-10-31 16:14:17 +00:00
border-radius: 24px;
border-radius-topright: 0px;
border-radius-bottomright: 0px;
Prevent from being partly offscreen Limit the AppSwitcher to the screen size by either downscaling or scrolling. We scale the icons down up from 96, 64, 48, 32 to 22 and start scrolling if we still fail to fit on screen. The thumbnail box is shifted to either left or right, when failing to fit we scroll here to. To prevent from being offscreen at the buttom we adjust the thumbnail height to fit. The old positioning logic is replaced with a ShellGenericContainer to implement a custom allocation system. https://bugzilla.gnome.org/show_bug.cgi?id=597983
2010-03-17 17:31:03 +00:00
width: 60px;
}
.thumbnail-scroll-gradient-right {
background-gradient-direction: horizontal;
background-gradient-start: rgba(51, 51, 51, 0);
background-gradient-end: rgba(51, 51, 51, 1.0);
Adjust appSwitcher and workspaceSwitcher popup to match mockups
2010-10-31 16:14:17 +00:00
border-radius: 24px;
border-radius-topleft: 0px;
border-radius-bottomleft: 0px;
Prevent from being partly offscreen Limit the AppSwitcher to the screen size by either downscaling or scrolling. We scale the icons down up from 96, 64, 48, 32 to 22 and start scrolling if we still fail to fit on screen. The thumbnail box is shifted to either left or right, when failing to fit we scroll here to. To prevent from being offscreen at the buttom we adjust the thumbnail height to fit. The old positioning logic is replaced with a ShellGenericContainer to implement a custom allocation system. https://bugzilla.gnome.org/show_bug.cgi?id=597983
2010-03-17 17:31:03 +00:00
width: 60px;
}
[AppSwitcher] Use thumbnails instead of a window menu, and other UI changes https://bugzilla.gnome.org/show_bug.cgi?id=590563
2009-10-02 15:02:46 +00:00
.switcher-list .item-box {
padding: 8px;
Adjust appSwitcher and workspaceSwitcher popup to match mockups
2010-10-31 16:14:17 +00:00
border-radius: 8px;
[AppSwitcher] Use thumbnails instead of a window menu, and other UI changes https://bugzilla.gnome.org/show_bug.cgi?id=590563
2009-10-02 15:02:46 +00:00
}
altTab: use 'selected' pseudo-style for selected item This makes it consistent with other parts of the UI and will let the a11y code use the rule "has_style_pseudo_class('selected') => ATK_STATE_SELECTED" https://bugzilla.gnome.org/show_bug.cgi?id=637830
2010-12-22 14:36:23 +00:00
.switcher-list .item-box:outlined {
padding: 6px;
border: 2px solid rgba(85,85,85,1.0);
}
.switcher-list .item-box:selected {
background: rgba(255,255,255,0.33);
}
[AppSwitcher] misc refinements https://bugzilla.gnome.org/show_bug.cgi?id=597900
2009-10-09 13:43:31 +00:00
.switcher-list .thumbnail-box {
padding: 2px;
spacing: 4px;
}
Fix application thumbnail sizing when the height is greater than the width of a window. This bug happened because the thumbnail box was only maxed, not set to 256x256. Standard window thumbnails would max out only the width to 256. Having a window with its height greater than its width meant that the height would max out, but not the width, causing thumbnails to look uneven. https://bugzilla.gnome.org/show_bug.cgi?id=604963
2009-12-18 23:50:40 +00:00
.switcher-list .thumbnail {
width: 256px;
}
[AppSwitcher] Reimplement the separator using St.Bin This way it can be styled using CSS. This can help to fix bug 597362. https://bugzilla.gnome.org/show_bug.cgi?id=598651
2009-10-15 22:34:23 +00:00
.switcher-list .separator {
width: 1px;
background: rgba(255,255,255,0.33);
Port Dash section headers to CSS https://bugzilla.gnome.org/show_bug.cgi?id=599442
2009-10-22 17:33:09 +00:00
}
Port ShellStatusMenu to javascript https://bugzilla.gnome.org/show_bug.cgi?id=601458
2009-11-10 17:13:58 +00:00
Draw a ripple when the hot corner is hit Animate an expanding ripple from the hot corner using multiple scaling copies of a PNG of a single ripple. The idea here is to give the user a clue as to what happened. Based on initial version implemented live at MIT IAP GNOME Shell intro session; thanks to all the attendees for coming! https://bugzilla.gnome.org/show_bug.cgi?id=609135
2010-01-14 02:48:12 +00:00
.ripple-box {
width: 52px;
height: 52px;
Fix ripple animation for RTL locales The animation was invisible because it was going out of screen, also add a mirrored version of the image to the theme. https://bugzilla.gnome.org/show_bug.cgi?id=584662
2010-11-30 15:12:22 +00:00
background-image: url("corner-ripple-ltr.png");
St: Implement background-size CSS property Implement the background-size CSS property, specified by the CSS Backgrounds and Borders Module Level 3, including the keywords "contain", "cover", and fixed-size backgrounds. https://bugzilla.gnome.org/show_bug.cgi?id=633462
2011-12-23 17:59:20 +00:00
background-size: contain;
Fix ripple animation for RTL locales The animation was invisible because it was going out of screen, also add a mirrored version of the image to the theme. https://bugzilla.gnome.org/show_bug.cgi?id=584662
2010-11-30 15:12:22 +00:00
}
.ripple-box:rtl {
background-image: url("corner-ripple-rtl.png");
Draw a ripple when the hot corner is hit Animate an expanding ripple from the hot corner using multiple scaling copies of a PNG of a single ripple. The idea here is to give the user a clue as to what happened. Based on initial version implemented live at MIT IAP GNOME Shell intro session; thanks to all the attendees for coming! https://bugzilla.gnome.org/show_bug.cgi?id=609135
2010-01-14 02:48:12 +00:00
}
New workspace switcher popup Replace the current workspace switcher popup (which is still the old metacity popup), with a clutter based one, which fits better into the overall shell design. https://bugzilla.gnome.org/show_bug.cgi?id=609187
2010-02-12 22:52:15 +00:00
[StDrawingArea] further CSS-ify StDrawingArea users Make shell_draw_box_pointer() use CSS colors, and set the app well menu arrow width based on its own CSS rather than its parent's. https://bugzilla.gnome.org/show_bug.cgi?id=614516
2010-03-31 20:01:34 +00:00
.switcher-arrow {
border-color: rgba(0,0,0,0);
color: #808080;
}
.switcher-arrow:highlighted {
border-color: rgba(0,0,0,0);
color: white;
}
New workspace switcher popup Replace the current workspace switcher popup (which is still the old metacity popup), with a clutter based one, which fits better into the overall shell design. https://bugzilla.gnome.org/show_bug.cgi?id=609187
2010-02-12 22:52:15 +00:00
/* Workspace Switcher */
[workspaceSwitcher] Constrain to monitor size Currently the workspaceSwitcher does not take the screen size into account which could result into overflowing the screen. Fix that but using Shell.GenericContainer instead of St.BoxLayout which takes the monitor size into account when allocating. https://bugzilla.gnome.org/show_bug.cgi?id=620404
2010-06-09 17:09:48 +00:00
.workspace-switcher-group {
padding: 12px;
}
New workspace switcher popup Replace the current workspace switcher popup (which is still the old metacity popup), with a clutter based one, which fits better into the overall shell design. https://bugzilla.gnome.org/show_bug.cgi?id=609187
2010-02-12 22:52:15 +00:00
.workspace-switcher-container {
background: rgba(0,0,0,0.8);
border: 1px solid rgba(128,128,128,0.40);
Adjust appSwitcher and workspaceSwitcher popup to match mockups
2010-10-31 16:14:17 +00:00
border-radius: 24px;
padding: 20px;
New workspace switcher popup Replace the current workspace switcher popup (which is still the old metacity popup), with a clutter based one, which fits better into the overall shell design. https://bugzilla.gnome.org/show_bug.cgi?id=609187
2010-02-12 22:52:15 +00:00
}
.workspace-switcher {
background: transparent;
border: 0px;
border-radius: 0px;
Adjust appSwitcher and workspaceSwitcher popup to match mockups
2010-10-31 16:14:17 +00:00
padding: 0px;
spacing: 8px;
New workspace switcher popup Replace the current workspace switcher popup (which is still the old metacity popup), with a clutter based one, which fits better into the overall shell design. https://bugzilla.gnome.org/show_bug.cgi?id=609187
2010-02-12 22:52:15 +00:00
}
workspace-switcher: Switch to vertical orientation With workspaces now being stacked vertically, the horizontal indicators in the workspace switcher are rather odd. There are some designs for an improved workspace switch animation, but it may take a while to implement them, so for now just change the orientation of the existing switcher. https://bugzilla.gnome.org/show_bug.cgi?id=641931
2011-02-09 15:00:29 +00:00
.ws-switcher-active-up {
[workspaceSwitcher] Constrain to monitor size Currently the workspaceSwitcher does not take the screen size into account which could result into overflowing the screen. Fix that but using Shell.GenericContainer instead of St.BoxLayout which takes the monitor size into account when allocating. https://bugzilla.gnome.org/show_bug.cgi?id=620404
2010-06-09 17:09:48 +00:00
height: 100px;
New workspace switcher popup Replace the current workspace switcher popup (which is still the old metacity popup), with a clutter based one, which fits better into the overall shell design. https://bugzilla.gnome.org/show_bug.cgi?id=609187
2010-02-12 22:52:15 +00:00
border: 0px;
background: rgba(255,255,255,0.5);
Use symbolic icons for workspace switch OSD https://bugzilla.gnome.org/show_bug.cgi?id=680738
2012-08-09 18:53:28 +00:00
background-image: url("ws-switch-arrow-up.png");
Adjust appSwitcher and workspaceSwitcher popup to match mockups
2010-10-31 16:14:17 +00:00
border-radius: 8px;
New workspace switcher popup Replace the current workspace switcher popup (which is still the old metacity popup), with a clutter based one, which fits better into the overall shell design. https://bugzilla.gnome.org/show_bug.cgi?id=609187
2010-02-12 22:52:15 +00:00
}
workspace-switcher: Switch to vertical orientation With workspaces now being stacked vertically, the horizontal indicators in the workspace switcher are rather odd. There are some designs for an improved workspace switch animation, but it may take a while to implement them, so for now just change the orientation of the existing switcher. https://bugzilla.gnome.org/show_bug.cgi?id=641931
2011-02-09 15:00:29 +00:00
.ws-switcher-active-down {
[workspaceSwitcher] Constrain to monitor size Currently the workspaceSwitcher does not take the screen size into account which could result into overflowing the screen. Fix that but using Shell.GenericContainer instead of St.BoxLayout which takes the monitor size into account when allocating. https://bugzilla.gnome.org/show_bug.cgi?id=620404
2010-06-09 17:09:48 +00:00
height: 100px;
New workspace switcher popup Replace the current workspace switcher popup (which is still the old metacity popup), with a clutter based one, which fits better into the overall shell design. https://bugzilla.gnome.org/show_bug.cgi?id=609187
2010-02-12 22:52:15 +00:00
border: 0px;
background: rgba(255,255,255,0.5);
Use symbolic icons for workspace switch OSD https://bugzilla.gnome.org/show_bug.cgi?id=680738
2012-08-09 18:53:28 +00:00
background-image: url("ws-switch-arrow-down.png");
Adjust appSwitcher and workspaceSwitcher popup to match mockups
2010-10-31 16:14:17 +00:00
border-radius: 8px;
New workspace switcher popup Replace the current workspace switcher popup (which is still the old metacity popup), with a clutter based one, which fits better into the overall shell design. https://bugzilla.gnome.org/show_bug.cgi?id=609187
2010-02-12 22:52:15 +00:00
}
.ws-switcher-box {
height: 96px;
border: 2px solid rgba(85,85,85,0.5);
background: transparent;
Adjust appSwitcher and workspaceSwitcher popup to match mockups
2010-10-31 16:14:17 +00:00
border-radius: 8px;
New workspace switcher popup Replace the current workspace switcher popup (which is still the old metacity popup), with a clutter based one, which fits better into the overall shell design. https://bugzilla.gnome.org/show_bug.cgi?id=609187
2010-02-12 22:52:15 +00:00
}
Improve run dialog Bind <Ctrl>+<Return> for run in terminal. Port runDialog to css. https://bugzilla.gnome.org/show_bug.cgi?id=604978
2010-02-26 16:32:38 +00:00
modalDialog: Add modal dialog base class This is a base class to make it easier to gain a consistent look for system modal dialogs. It handles creating a darkened backdrop behind the dialog, setting up buttons in the dialog, keynav, etc. https://bugzilla.gnome.org/show_bug.cgi?id=637187
2010-10-21 00:46:38 +00:00
/* Modal Dialogs */
theme - clean up modal dialog text styles Use the new default text style in the modal dialogs. Also create a common subject text style to be use in the dialogs. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-29 07:58:56 +00:00
/* Dialog Subject Text Style */
.show-processes-dialog-subject,
.mount-question-dialog-subject,
.end-session-dialog-subject {
font-size: 14pt;
font-weight: bold;
color: #999999;
}
modalDialog: Add modal dialog base class This is a base class to make it easier to gain a consistent look for system modal dialogs. It handles creating a darkened backdrop behind the dialog, setting up buttons in the dialog, keynav, etc. https://bugzilla.gnome.org/show_bug.cgi?id=637187
2010-10-21 00:46:38 +00:00
.modal-dialog {
border-radius: 24px;
background-color: rgba(0.0, 0.0, 0.0, 0.9);
border: 2px solid #868686;
padding-right: 42px;
padding-left: 42px;
padding-bottom: 30px;
padding-top: 30px;
}
endSessionDialog: clean up appearance This commit lines up the app list with the description, adds spacing between controls of the dialog, and increases the wrap width of the text. https://bugzilla.gnome.org/show_bug.cgi?id=641375
2011-03-21 20:07:22 +00:00
.modal-dialog-button-box {
spacing: 21px;
theme - make the modal dialogs match the mockups Adjust the padding to get the correct subject alignment and add more whitespace. Change the weight of the button labels. https://bugzilla.gnome.org/show_bug.cgi?id=670227
2012-02-29 08:00:17 +00:00
padding-top: 50px;
endSessionDialog: clean up appearance This commit lines up the app list with the description, adds spacing between controls of the dialog, and increases the wrap width of the text. https://bugzilla.gnome.org/show_bug.cgi?id=641375
2011-03-21 20:07:22 +00:00
}
modalDialog: Add modal dialog base class This is a base class to make it easier to gain a consistent look for system modal dialogs. It handles creating a darkened backdrop behind the dialog, setting up buttons in the dialog, keynav, etc. https://bugzilla.gnome.org/show_bug.cgi?id=637187
2010-10-21 00:46:38 +00:00
.modal-dialog-button {
theme: consistent button appearance and behaviour Update modal dialog, notification and search result buttons to use the same style. This improves the look of notification buttons and also ensures that all buttons change appearance when they are focused or pressed. Also change all buttons so that their labels are correctly vertically centered. https://bugzilla.gnome.org/show_bug.cgi?id=655974
2011-08-04 13:52:41 +00:00
padding: 4px 32px 5px;
modalDialog: Add modal dialog base class This is a base class to make it easier to gain a consistent look for system modal dialogs. It handles creating a darkened backdrop behind the dialog, setting up buttons in the dialog, keynav, etc. https://bugzilla.gnome.org/show_bug.cgi?id=637187
2010-10-21 00:46:38 +00:00
}
.modal-dialog-button:focus {
theme: consistent button appearance and behaviour Update modal dialog, notification and search result buttons to use the same style. This improves the look of notification buttons and also ensures that all buttons change appearance when they are focused or pressed. Also change all buttons so that their labels are correctly vertically centered. https://bugzilla.gnome.org/show_bug.cgi?id=655974
2011-08-04 13:52:41 +00:00
padding: 3px 31px 4px;
modalDialog: Add modal dialog base class This is a base class to make it easier to gain a consistent look for system modal dialogs. It handles creating a darkened backdrop behind the dialog, setting up buttons in the dialog, keynav, etc. https://bugzilla.gnome.org/show_bug.cgi?id=637187
2010-10-21 00:46:38 +00:00
}
Improve run dialog Bind <Ctrl>+<Return> for run in terminal. Port runDialog to css. https://bugzilla.gnome.org/show_bug.cgi?id=604978
2010-02-26 16:32:38 +00:00
/* Run Dialog */
runDialog: Better match style of other modal dialogs Update the run dialog to - use a proper title - use dialog buttons - use the standard entry style https://bugzilla.gnome.org/show_bug.cgi?id=687127
2012-10-29 16:33:21 +00:00
.run-dialog-label {
font-size: 12pt;
font-weight: bold;
theme: standardize the run dialog text styles a bit Use the standard color for dialog headings, and use the standard text style for the entry field. These tweaks make the dialog easier to read. https://bugzilla.gnome.org/show_bug.cgi?id=687127
2012-10-30 09:19:02 +00:00
color: #999999;
padding-bottom: .4em;
runDialog: Better match style of other modal dialogs Update the run dialog to - use a proper title - use dialog buttons - use the standard entry style https://bugzilla.gnome.org/show_bug.cgi?id=687127
2012-10-29 16:33:21 +00:00
}
Clean up the presentation of errors in the run dialog Removes redundant text, better icon, and shows are better error when a command isn't found than "No such file or directory".
2011-01-27 20:26:58 +00:00
.run-dialog-error-box {
padding-top: 15px;
spacing: 5px;
}
runDialog: Better match style of other modal dialogs Update the run dialog to - use a proper title - use dialog buttons - use the standard entry style https://bugzilla.gnome.org/show_bug.cgi?id=687127
2012-10-29 16:33:21 +00:00
.modal-dialog .run-dialog-entry {
theme: standardize the run dialog text styles a bit Use the standard color for dialog headings, and use the standard text style for the entry field. These tweaks make the dialog easier to read. https://bugzilla.gnome.org/show_bug.cgi?id=687127
2012-10-30 09:19:02 +00:00
width: 20em;
Improve run dialog Bind <Ctrl>+<Return> for run in terminal. Port runDialog to css. https://bugzilla.gnome.org/show_bug.cgi?id=604978
2010-02-26 16:32:38 +00:00
}
Port Lightbox to CSS and use it in runDialog Make Lightbox stylable and add a common style. Use it in runDialog. https://bugzilla.gnome.org/show_bug.cgi?id=604978
2010-02-26 20:13:11 +00:00
.lightbox {
screenShield: add initial functionality We are replacing the gnome-screensaver module with with a screen shield that is part of gnome-shell. This patch fades out the screen on idle and shows a shield with a background image when there is activity again. The shield can be removed with a key or button press. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-02-06 22:28:48 +00:00
background-color: black;
Port Lightbox to CSS and use it in runDialog Make Lightbox stylable and add a common style. Use it in runDialog. https://bugzilla.gnome.org/show_bug.cgi?id=604978
2010-02-26 20:13:11 +00:00
}
Adds magnifier functionality to gnome-shell. Adds the ability to create one or more zoom regions that show magnified or enhanced views of the desktop. The magnifier provides options for: * magnification factor, * four mouse tracking modes common to screen magnifiers, * positioning the magnified view in one of four screen location, or full screen, * crosshairs to accentuate the position of the mouse, * user preferences persistence via GConf (schemas in .../data/gnome-shell.schemas). * a DBus API to allow other processes to drive the magnifier as a service. https://bugzilla.gnome.org/show_bug.cgi?id=595507
2010-05-10 16:40:03 +00:00
screenshot: add a 'flash' boolean flag to screenshot methods Add a flag to these methods that allows flashing the area of the screenshot directly from the compositor. https://bugzilla.gnome.org/show_bug.cgi?id=668618
2012-01-24 21:29:56 +00:00
.flashspot {
background-color: white;
}
endSessionDialog: Add logout/shutdown dialog This commit adds a dialog for gnome-session to privately use when initiating log outs and shut downs. Coordination is done over the bus. https://bugzilla.gnome.org/show_bug.cgi?id=637187
2011-01-06 15:30:15 +00:00
/* End Session Dialog */
endSessionDialog: clean up appearance This commit lines up the app list with the description, adds spacing between controls of the dialog, and increases the wrap width of the text. https://bugzilla.gnome.org/show_bug.cgi?id=641375
2011-03-21 20:07:22 +00:00
.end-session-dialog {
spacing: 42px;
}
endSessionDialog: Split into two sections https://bugzilla.gnome.org/show_bug.cgi?id=706612
2013-08-23 16:13:35 +00:00
.end-session-dialog-list {
padding-top: 20px;
}
endSessionDialog: Add logout/shutdown dialog This commit adds a dialog for gnome-session to privately use when initiating log outs and shut downs. Coordination is done over the bus. https://bugzilla.gnome.org/show_bug.cgi?id=637187
2011-01-06 15:30:15 +00:00
.end-session-dialog-subject {
padding-left: 17px;
theme - make the modal dialogs match the mockups Adjust the padding to get the correct subject alignment and add more whitespace. Change the weight of the button labels. https://bugzilla.gnome.org/show_bug.cgi?id=670227
2012-02-29 08:00:17 +00:00
padding-bottom: 20px;
endSessionDialog: Add logout/shutdown dialog This commit adds a dialog for gnome-session to privately use when initiating log outs and shut downs. Coordination is done over the bus. https://bugzilla.gnome.org/show_bug.cgi?id=637187
2011-01-06 15:30:15 +00:00
}
theme: Adjust CSS for RTL locales Use :ltr/:rtl pseudo selectors where the CSS depends on the locale's text direction. https://bugzilla.gnome.org/show_bug.cgi?id=643835
2011-03-03 23:48:17 +00:00
.end-session-dialog-subject:rtl {
padding-left: 0px;
padding-right: 17px;
}
endSessionDialog: Add logout/shutdown dialog This commit adds a dialog for gnome-session to privately use when initiating log outs and shut downs. Coordination is done over the bus. https://bugzilla.gnome.org/show_bug.cgi?id=637187
2011-01-06 15:30:15 +00:00
.end-session-dialog-description {
padding-left: 17px;
endSessionDialog: clean up appearance This commit lines up the app list with the description, adds spacing between controls of the dialog, and increases the wrap width of the text. https://bugzilla.gnome.org/show_bug.cgi?id=641375
2011-03-21 20:07:22 +00:00
width: 28em;
endSessionDialog: Add logout/shutdown dialog This commit adds a dialog for gnome-session to privately use when initiating log outs and shut downs. Coordination is done over the bus. https://bugzilla.gnome.org/show_bug.cgi?id=637187
2011-01-06 15:30:15 +00:00
}
theme: Adjust CSS for RTL locales Use :ltr/:rtl pseudo selectors where the CSS depends on the locale's text direction. https://bugzilla.gnome.org/show_bug.cgi?id=643835
2011-03-03 23:48:17 +00:00
.end-session-dialog-description:rtl {
padding-right: 17px;
}
endSessionDialog: Add logout/shutdown dialog This commit adds a dialog for gnome-session to privately use when initiating log outs and shut downs. Coordination is done over the bus. https://bugzilla.gnome.org/show_bug.cgi?id=637187
2011-01-06 15:30:15 +00:00
.end-session-dialog-logout-icon {
border: 2px solid #8b8b8b;
border-radius: 5px;
width: 32px;
height: 32px;
Use UserAvatarWidget to display user avatars Replace duplicate custom code with a common widget. https://bugzilla.gnome.org/show_bug.cgi?id=683137
2012-08-31 21:18:26 +00:00
background-size: contain;
endSessionDialog: Add logout/shutdown dialog This commit adds a dialog for gnome-session to privately use when initiating log outs and shut downs. Coordination is done over the bus. https://bugzilla.gnome.org/show_bug.cgi?id=637187
2011-01-06 15:30:15 +00:00
}
.end-session-dialog-shutdown-icon {
theme - clean up modal dialog text styles Use the new default text style in the modal dialogs. Also create a common subject text style to be use in the dialogs. https://bugzilla.gnome.org/show_bug.cgi?id=668209
2012-02-29 07:58:56 +00:00
color: #bebebe;
endSessionDialog: Add logout/shutdown dialog This commit adds a dialog for gnome-session to privately use when initiating log outs and shut downs. Coordination is done over the bus. https://bugzilla.gnome.org/show_bug.cgi?id=637187
2011-01-06 15:30:15 +00:00
width: 32px;
height: 32px;
}
endSessionDialog: Split into two sections https://bugzilla.gnome.org/show_bug.cgi?id=706612
2013-08-23 16:13:35 +00:00
.end-session-dialog-inhibitor-layout {
spacing: 16px;
endSessionDialog: Add logout/shutdown dialog This commit adds a dialog for gnome-session to privately use when initiating log outs and shut downs. Coordination is done over the bus. https://bugzilla.gnome.org/show_bug.cgi?id=637187
2011-01-06 15:30:15 +00:00
max-height: 200px;
endSessionDialog: Split into two sections https://bugzilla.gnome.org/show_bug.cgi?id=706612
2013-08-23 16:13:35 +00:00
padding-right: 50px;
padding-left: 50px;
endSessionDialog: prelight inhibiting app items This commit makes it more obvious that apps in the end session dialog inhibitors list are clickable. It does this by rendering the text for the apps in a low intensity white under normal conditions, but a high intesnity white on hover. https://bugzilla.gnome.org/show_bug.cgi?id=645491
2011-03-22 04:17:15 +00:00
}
endSessionDialog: Split into two sections https://bugzilla.gnome.org/show_bug.cgi?id=706612
2013-08-23 16:13:35 +00:00
.end-session-dialog-list-header {
font-weight: bold;
endSessionDialog: Add logout/shutdown dialog This commit adds a dialog for gnome-session to privately use when initiating log outs and shut downs. Coordination is done over the bus. https://bugzilla.gnome.org/show_bug.cgi?id=637187
2011-01-06 15:30:15 +00:00
}
endSessionDialog: Split into two sections https://bugzilla.gnome.org/show_bug.cgi?id=706612
2013-08-23 16:13:35 +00:00
.end-session-dialog-app-list-item,
.end-session-dialog-session-list-item {
spacing: 1em;
theme: Adjust CSS for RTL locales Use :ltr/:rtl pseudo selectors where the CSS depends on the locale's text direction. https://bugzilla.gnome.org/show_bug.cgi?id=643835
2011-03-03 23:48:17 +00:00
}
endSessionDialog: Split into two sections https://bugzilla.gnome.org/show_bug.cgi?id=706612
2013-08-23 16:13:35 +00:00
.end-session-dialog-app-list-item-name,
.end-session-dialog-session-list-item-name {
font-weight: bold;
endSessionDialog: Add logout/shutdown dialog This commit adds a dialog for gnome-session to privately use when initiating log outs and shut downs. Coordination is done over the bus. https://bugzilla.gnome.org/show_bug.cgi?id=637187
2011-01-06 15:30:15 +00:00
}
.end-session-dialog-app-list-item-description {
endSessionDialog: Split into two sections https://bugzilla.gnome.org/show_bug.cgi?id=706612
2013-08-23 16:13:35 +00:00
color: #cccccc;
font-size: 10pt;
endSessionDialog: Add logout/shutdown dialog This commit adds a dialog for gnome-session to privately use when initiating log outs and shut downs. Coordination is done over the bus. https://bugzilla.gnome.org/show_bug.cgi?id=637187
2011-01-06 15:30:15 +00:00
}
mount-operation: implement ask-question Use a system modal dialogs for mount operation questions. https://bugzilla.gnome.org/show_bug.cgi?id=653520
2011-07-12 15:44:08 +00:00
/* ShellMountOperation Dialogs */
mount-operation: add a ShellMountOperation implementation Ideally, this would be an entirely-JS implementation, but we have a couple of issues with gjs and gobject-introspection to work around, so we need a ShellMountOperation class for the time being. This first commit implements the show-processes dialog, with a system modal style very similar to the EndSession dialog. Implementations of ask-question and ask-password will follow shortly. https://bugzilla.gnome.org/show_bug.cgi?id=653520
2011-06-22 20:43:16 +00:00
.shell-mount-operation-icon {
icon-size: 48px;
}
mount-operation: implement ask-password for mounting encrypted volumes https://bugzilla.gnome.org/show_bug.cgi?id=653520
2011-07-12 15:29:49 +00:00
.mount-password-reask {
color: red;
}
mount-operation: implement ask-question Use a system modal dialogs for mount operation questions. https://bugzilla.gnome.org/show_bug.cgi?id=653520
2011-07-12 15:44:08 +00:00
.show-processes-dialog,
.mount-question-dialog {
mount-operation: add a ShellMountOperation implementation Ideally, this would be an entirely-JS implementation, but we have a couple of issues with gjs and gobject-introspection to work around, so we need a ShellMountOperation class for the time being. This first commit implements the show-processes dialog, with a system modal style very similar to the EndSession dialog. Implementations of ask-question and ask-password will follow shortly. https://bugzilla.gnome.org/show_bug.cgi?id=653520
2011-06-22 20:43:16 +00:00
spacing: 24px;
}
mount-operation: implement ask-question Use a system modal dialogs for mount operation questions. https://bugzilla.gnome.org/show_bug.cgi?id=653520
2011-07-12 15:44:08 +00:00
.show-processes-dialog-subject,
.mount-question-dialog-subject {
mount-operation: add a ShellMountOperation implementation Ideally, this would be an entirely-JS implementation, but we have a couple of issues with gjs and gobject-introspection to work around, so we need a ShellMountOperation class for the time being. This first commit implements the show-processes dialog, with a system modal style very similar to the EndSession dialog. Implementations of ask-question and ask-password will follow shortly. https://bugzilla.gnome.org/show_bug.cgi?id=653520
2011-06-22 20:43:16 +00:00
padding-top: 10px;
padding-left: 17px;
padding-bottom: 6px;
}
mount-operation: set a max-width for the question subject label Since the string can be arbitrairly long. https://bugzilla.gnome.org/show_bug.cgi?id=665322
2011-12-01 20:40:11 +00:00
.mount-question-dialog-subject {
max-width: 500px;
}
mount-operation: implement ask-question Use a system modal dialogs for mount operation questions. https://bugzilla.gnome.org/show_bug.cgi?id=653520
2011-07-12 15:44:08 +00:00
.show-processes-dialog-subject:rtl,
.mount-question-dialog-subject:rtl {
mount-operation: add a ShellMountOperation implementation Ideally, this would be an entirely-JS implementation, but we have a couple of issues with gjs and gobject-introspection to work around, so we need a ShellMountOperation class for the time being. This first commit implements the show-processes dialog, with a system modal style very similar to the EndSession dialog. Implementations of ask-question and ask-password will follow shortly. https://bugzilla.gnome.org/show_bug.cgi?id=653520
2011-06-22 20:43:16 +00:00
padding-left: 0px;
padding-right: 17px;
}
mount-operation: implement ask-question Use a system modal dialogs for mount operation questions. https://bugzilla.gnome.org/show_bug.cgi?id=653520
2011-07-12 15:44:08 +00:00
.show-processes-dialog-description,
.mount-question-dialog-description {
mount-operation: add a ShellMountOperation implementation Ideally, this would be an entirely-JS implementation, but we have a couple of issues with gjs and gobject-introspection to work around, so we need a ShellMountOperation class for the time being. This first commit implements the show-processes dialog, with a system modal style very similar to the EndSession dialog. Implementations of ask-question and ask-password will follow shortly. https://bugzilla.gnome.org/show_bug.cgi?id=653520
2011-06-22 20:43:16 +00:00
padding-left: 17px;
width: 28em;
}
mount-operation: implement ask-question Use a system modal dialogs for mount operation questions. https://bugzilla.gnome.org/show_bug.cgi?id=653520
2011-07-12 15:44:08 +00:00
.show-processes-dialog-description:rtl,
.mount-question-dialog-description:rtl {
mount-operation: add a ShellMountOperation implementation Ideally, this would be an entirely-JS implementation, but we have a couple of issues with gjs and gobject-introspection to work around, so we need a ShellMountOperation class for the time being. This first commit implements the show-processes dialog, with a system modal style very similar to the EndSession dialog. Implementations of ask-question and ask-password will follow shortly. https://bugzilla.gnome.org/show_bug.cgi?id=653520
2011-06-22 20:43:16 +00:00
padding-right: 17px;
}
.show-processes-dialog-app-list {
font-size: 10pt;
max-height: 200px;
padding-top: 24px;
padding-left: 49px;
padding-right: 32px;
}
.show-processes-dialog-app-list:rtl {
padding-right: 49px;
padding-left: 32px;
}
.show-processes-dialog-app-list-item {
color: #ccc;
}
.show-processes-dialog-app-list-item:hover {
color: white;
}
.show-processes-dialog-app-list-item:ltr {
padding-right: 1em;
}
.show-processes-dialog-app-list-item:rtl {
padding-left: 1em;
}
.show-processes-dialog-app-list-item-icon:ltr {
padding-right: 17px;
}
.show-processes-dialog-app-list-item-icon:rtl {
padding-left: 17px;
}
.show-processes-dialog-app-list-item-name {
font-size: 10pt;
}
Rename CSS selectors for password prompts * Use .prompt-xxx selectors instead of .polkit-xxx, as the selectors are now used by various non-polkit dialogs as well https://bugzilla.gnome.org/show_bug.cgi?id=669776
2012-02-09 20:52:21 +00:00
/* Password or Authentication Dialog */
.prompt-dialog {
Add a PolicyKit authentication agent A PolicyKit Authentication Agent is a construct used to authenticate one or more identities. See the PolicyKit documentation for more details on authentication agents and how PolicyKit works: http://hal.freedesktop.org/docs/polkit/ Since gjs does not support subclassing a GObject class from Javascript code, we bring in a native class to bridge the VFuncs to GObject signals. Additionally, this native class also queues up authentication requests so the user of the native class only has to deal with a single outstanding request at any one time. The file js/ui/polkitAuthenticationAgent.js introduces a singleton that listens for authentication requests via the native class. This singleton uses the PolkitAgent machinery to do the actual heavy-weight lifting required for authentication (essentially a PAM conversation). We currently don't allow the user to pick the identity to be authenticated. https://bugzilla.gnome.org/show_bug.cgi?id=642886 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-02-21 17:17:34 +00:00
/* this is the width of the entire modal popup */
width: 500px;
}
Rename CSS selectors for password prompts * Use .prompt-xxx selectors instead of .polkit-xxx, as the selectors are now used by various non-polkit dialogs as well https://bugzilla.gnome.org/show_bug.cgi?id=669776
2012-02-09 20:52:21 +00:00
.prompt-dialog-main-layout {
polkit: Make dialogs look more like the mockups The mockups are here https://live.gnome.org/GnomeShell/Design/Whiteboards/AuthorizationDialog Detailed changes - Don't use an icon for root - For root, show Administrator in red - Nuke icons for info and error messages - Make error messages yellow - Use 10pt size for error and message labels, not 12px - Don't make the dialog change size when (single-line) error/info messages appear - Spacing fixes - Show "Sorry, that didn't work. Please try again" if authentication fails - Don't cancel the PolkitAgentSession if the session has already completed https://bugzilla.gnome.org/show_bug.cgi?id=644737 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-03-14 16:18:03 +00:00
spacing: 24px;
Add a PolicyKit authentication agent A PolicyKit Authentication Agent is a construct used to authenticate one or more identities. See the PolicyKit documentation for more details on authentication agents and how PolicyKit works: http://hal.freedesktop.org/docs/polkit/ Since gjs does not support subclassing a GObject class from Javascript code, we bring in a native class to bridge the VFuncs to GObject signals. Additionally, this native class also queues up authentication requests so the user of the native class only has to deal with a single outstanding request at any one time. The file js/ui/polkitAuthenticationAgent.js introduces a singleton that listens for authentication requests via the native class. This singleton uses the PolkitAgent machinery to do the actual heavy-weight lifting required for authentication (essentially a PAM conversation). We currently don't allow the user to pick the identity to be authenticated. https://bugzilla.gnome.org/show_bug.cgi?id=642886 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-02-21 17:17:34 +00:00
padding: 10px;
}
Rename CSS selectors for password prompts * Use .prompt-xxx selectors instead of .polkit-xxx, as the selectors are now used by various non-polkit dialogs as well https://bugzilla.gnome.org/show_bug.cgi?id=669776
2012-02-09 20:52:21 +00:00
.prompt-dialog-message-layout {
polkit: Make dialogs look more like the mockups The mockups are here https://live.gnome.org/GnomeShell/Design/Whiteboards/AuthorizationDialog Detailed changes - Don't use an icon for root - For root, show Administrator in red - Nuke icons for info and error messages - Make error messages yellow - Use 10pt size for error and message labels, not 12px - Don't make the dialog change size when (single-line) error/info messages appear - Spacing fixes - Show "Sorry, that didn't work. Please try again" if authentication fails - Don't cancel the PolkitAgentSession if the session has already completed https://bugzilla.gnome.org/show_bug.cgi?id=644737 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-03-14 16:18:03 +00:00
spacing: 16px;
Add a PolicyKit authentication agent A PolicyKit Authentication Agent is a construct used to authenticate one or more identities. See the PolicyKit documentation for more details on authentication agents and how PolicyKit works: http://hal.freedesktop.org/docs/polkit/ Since gjs does not support subclassing a GObject class from Javascript code, we bring in a native class to bridge the VFuncs to GObject signals. Additionally, this native class also queues up authentication requests so the user of the native class only has to deal with a single outstanding request at any one time. The file js/ui/polkitAuthenticationAgent.js introduces a singleton that listens for authentication requests via the native class. This singleton uses the PolkitAgent machinery to do the actual heavy-weight lifting required for authentication (essentially a PAM conversation). We currently don't allow the user to pick the identity to be authenticated. https://bugzilla.gnome.org/show_bug.cgi?id=642886 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-02-21 17:17:34 +00:00
}
Rename CSS selectors for password prompts * Use .prompt-xxx selectors instead of .polkit-xxx, as the selectors are now used by various non-polkit dialogs as well https://bugzilla.gnome.org/show_bug.cgi?id=669776
2012-02-09 20:52:21 +00:00
.prompt-dialog-headline {
Add a PolicyKit authentication agent A PolicyKit Authentication Agent is a construct used to authenticate one or more identities. See the PolicyKit documentation for more details on authentication agents and how PolicyKit works: http://hal.freedesktop.org/docs/polkit/ Since gjs does not support subclassing a GObject class from Javascript code, we bring in a native class to bridge the VFuncs to GObject signals. Additionally, this native class also queues up authentication requests so the user of the native class only has to deal with a single outstanding request at any one time. The file js/ui/polkitAuthenticationAgent.js introduces a singleton that listens for authentication requests via the native class. This singleton uses the PolkitAgent machinery to do the actual heavy-weight lifting required for authentication (essentially a PAM conversation). We currently don't allow the user to pick the identity to be authenticated. https://bugzilla.gnome.org/show_bug.cgi?id=642886 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-02-21 17:17:34 +00:00
font-size: 12pt;
font-weight: bold;
color: #666666;
}
polkit: Improve styling in polkit dialog Center the "Password:" label, and add a bit more spacing
2012-08-01 20:37:31 +00:00
.prompt-dialog-password-box {
spacing: 1em;
Add 1em of padding below the password box https://bugzilla.gnome.org/show_bug.cgi?id=682645
2012-08-28 01:12:26 +00:00
padding-bottom: 1em;
theme: Adjust CSS for RTL locales Use :ltr/:rtl pseudo selectors where the CSS depends on the locale's text direction. https://bugzilla.gnome.org/show_bug.cgi?id=643835
2011-03-03 23:48:17 +00:00
}
Rename CSS selectors for password prompts * Use .prompt-xxx selectors instead of .polkit-xxx, as the selectors are now used by various non-polkit dialogs as well https://bugzilla.gnome.org/show_bug.cgi?id=669776
2012-02-09 20:52:21 +00:00
.prompt-dialog-error-label {
polkit: Make dialogs look more like the mockups The mockups are here https://live.gnome.org/GnomeShell/Design/Whiteboards/AuthorizationDialog Detailed changes - Don't use an icon for root - For root, show Administrator in red - Nuke icons for info and error messages - Make error messages yellow - Use 10pt size for error and message labels, not 12px - Don't make the dialog change size when (single-line) error/info messages appear - Spacing fixes - Show "Sorry, that didn't work. Please try again" if authentication fails - Don't cancel the PolkitAgentSession if the session has already completed https://bugzilla.gnome.org/show_bug.cgi?id=644737 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-03-14 16:18:03 +00:00
font-size: 10pt;
color: #ffff00;
padding-bottom: 8px;
Add a PolicyKit authentication agent A PolicyKit Authentication Agent is a construct used to authenticate one or more identities. See the PolicyKit documentation for more details on authentication agents and how PolicyKit works: http://hal.freedesktop.org/docs/polkit/ Since gjs does not support subclassing a GObject class from Javascript code, we bring in a native class to bridge the VFuncs to GObject signals. Additionally, this native class also queues up authentication requests so the user of the native class only has to deal with a single outstanding request at any one time. The file js/ui/polkitAuthenticationAgent.js introduces a singleton that listens for authentication requests via the native class. This singleton uses the PolkitAgent machinery to do the actual heavy-weight lifting required for authentication (essentially a PAM conversation). We currently don't allow the user to pick the identity to be authenticated. https://bugzilla.gnome.org/show_bug.cgi?id=642886 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-02-21 17:17:34 +00:00
}
Rename CSS selectors for password prompts * Use .prompt-xxx selectors instead of .polkit-xxx, as the selectors are now used by various non-polkit dialogs as well https://bugzilla.gnome.org/show_bug.cgi?id=669776
2012-02-09 20:52:21 +00:00
.prompt-dialog-info-label {
polkit: Make dialogs look more like the mockups The mockups are here https://live.gnome.org/GnomeShell/Design/Whiteboards/AuthorizationDialog Detailed changes - Don't use an icon for root - For root, show Administrator in red - Nuke icons for info and error messages - Make error messages yellow - Use 10pt size for error and message labels, not 12px - Don't make the dialog change size when (single-line) error/info messages appear - Spacing fixes - Show "Sorry, that didn't work. Please try again" if authentication fails - Don't cancel the PolkitAgentSession if the session has already completed https://bugzilla.gnome.org/show_bug.cgi?id=644737 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-03-14 16:18:03 +00:00
font-size: 10pt;
padding-bottom: 8px;
Add a PolicyKit authentication agent A PolicyKit Authentication Agent is a construct used to authenticate one or more identities. See the PolicyKit documentation for more details on authentication agents and how PolicyKit works: http://hal.freedesktop.org/docs/polkit/ Since gjs does not support subclassing a GObject class from Javascript code, we bring in a native class to bridge the VFuncs to GObject signals. Additionally, this native class also queues up authentication requests so the user of the native class only has to deal with a single outstanding request at any one time. The file js/ui/polkitAuthenticationAgent.js introduces a singleton that listens for authentication requests via the native class. This singleton uses the PolkitAgent machinery to do the actual heavy-weight lifting required for authentication (essentially a PAM conversation). We currently don't allow the user to pick the identity to be authenticated. https://bugzilla.gnome.org/show_bug.cgi?id=642886 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-02-21 17:17:34 +00:00
}
css: add a 'hidden' style class Used for elements that are not supposed to be shown. https://bugzilla.gnome.org/show_bug.cgi?id=675341
2012-06-04 16:21:20 +00:00
.hidden {
color: rgba(0,0,0,0);
}
Rename CSS selectors for password prompts * Use .prompt-xxx selectors instead of .polkit-xxx, as the selectors are now used by various non-polkit dialogs as well https://bugzilla.gnome.org/show_bug.cgi?id=669776
2012-02-09 20:52:21 +00:00
.prompt-dialog-null-label {
polkit: Make dialogs look more like the mockups The mockups are here https://live.gnome.org/GnomeShell/Design/Whiteboards/AuthorizationDialog Detailed changes - Don't use an icon for root - For root, show Administrator in red - Nuke icons for info and error messages - Make error messages yellow - Use 10pt size for error and message labels, not 12px - Don't make the dialog change size when (single-line) error/info messages appear - Spacing fixes - Show "Sorry, that didn't work. Please try again" if authentication fails - Don't cancel the PolkitAgentSession if the session has already completed https://bugzilla.gnome.org/show_bug.cgi?id=644737 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-03-14 16:18:03 +00:00
font-size: 10pt;
padding-bottom: 8px;
Add a PolicyKit authentication agent A PolicyKit Authentication Agent is a construct used to authenticate one or more identities. See the PolicyKit documentation for more details on authentication agents and how PolicyKit works: http://hal.freedesktop.org/docs/polkit/ Since gjs does not support subclassing a GObject class from Javascript code, we bring in a native class to bridge the VFuncs to GObject signals. Additionally, this native class also queues up authentication requests so the user of the native class only has to deal with a single outstanding request at any one time. The file js/ui/polkitAuthenticationAgent.js introduces a singleton that listens for authentication requests via the native class. This singleton uses the PolkitAgent machinery to do the actual heavy-weight lifting required for authentication (essentially a PAM conversation). We currently don't allow the user to pick the identity to be authenticated. https://bugzilla.gnome.org/show_bug.cgi?id=642886 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-02-21 17:17:34 +00:00
}
Rename CSS selectors for password prompts * Use .prompt-xxx selectors instead of .polkit-xxx, as the selectors are now used by various non-polkit dialogs as well https://bugzilla.gnome.org/show_bug.cgi?id=669776
2012-02-09 20:52:21 +00:00
/* Polkit Dialog */
.polkit-dialog-user-layout {
padding-left: 10px;
spacing: 10px;
}
.polkit-dialog-user-layout:rtl {
padding-left: 0px;
padding-right: 10px;
}
.polkit-dialog-user-root-label {
color: #ff0000;
}
Use UserAvatarWidget to display user avatars Replace duplicate custom code with a common widget. https://bugzilla.gnome.org/show_bug.cgi?id=683137
2012-08-31 21:18:26 +00:00
.polkit-dialog-user-icon {
border: 2px solid #8b8b8b;
border-radius: 5px;
background-size: contain;
width: 48px;
height: 48px;
}
Rename CSS selectors for password prompts * Use .prompt-xxx selectors instead of .polkit-xxx, as the selectors are now used by various non-polkit dialogs as well https://bugzilla.gnome.org/show_bug.cgi?id=669776
2012-02-09 20:52:21 +00:00
/* Network Agent Dialog */
Add a system modal dialog for network secrets Using the new ShellNetworkAgent, show a system modal dialog (similar to the PolicyKit one) when NetworkManager needs secrets for connecting to wireless. https://bugzilla.gnome.org/show_bug.cgi?id=650244
2011-08-19 18:29:39 +00:00
.network-dialog-secret-table {
spacing-rows: 15px;
Fix modal dialog styling for network secret prompts https://bugzilla.gnome.org/show_bug.cgi?id=682412
2012-08-22 02:23:56 +00:00
spacing-columns: 1em;
Add a system modal dialog for network secrets Using the new ShellNetworkAgent, show a system modal dialog (similar to the PolicyKit one) when NetworkManager needs secrets for connecting to wireless. https://bugzilla.gnome.org/show_bug.cgi?id=650244
2011-08-19 18:29:39 +00:00
}
Add a PolicyKit authentication agent A PolicyKit Authentication Agent is a construct used to authenticate one or more identities. See the PolicyKit documentation for more details on authentication agents and how PolicyKit works: http://hal.freedesktop.org/docs/polkit/ Since gjs does not support subclassing a GObject class from Javascript code, we bring in a native class to bridge the VFuncs to GObject signals. Additionally, this native class also queues up authentication requests so the user of the native class only has to deal with a single outstanding request at any one time. The file js/ui/polkitAuthenticationAgent.js introduces a singleton that listens for authentication requests via the native class. This singleton uses the PolkitAgent machinery to do the actual heavy-weight lifting required for authentication (essentially a PAM conversation). We currently don't allow the user to pick the identity to be authenticated. https://bugzilla.gnome.org/show_bug.cgi?id=642886 Signed-off-by: David Zeuthen <davidz@redhat.com>
2011-02-21 17:17:34 +00:00
Add gnome-keyring prompter * Add a keyring prompter based on GcrSystemPrompter * Adds dependency on gcr version 3.3.5 or higher * Not yet using unmerged support for non-pageable memory https://bugzilla.gnome.org/show_bug.cgi?id=652459
2012-01-10 15:37:26 +00:00
.keyring-dialog-control-table {
spacing-rows: 15px;
keyringPrompt: Improve styling here as well Again, center the "Password" label, and add some spacing between it and the entry. https://bugzilla.gnome.org/show_bug.cgi?id=681821
2012-08-14 16:05:34 +00:00
spacing-columns: 1em;
Add gnome-keyring prompter * Add a keyring prompter based on GcrSystemPrompter * Adds dependency on gcr version 3.3.5 or higher * Not yet using unmerged support for non-pageable memory https://bugzilla.gnome.org/show_bug.cgi?id=652459
2012-01-10 15:37:26 +00:00
}
Adds magnifier functionality to gnome-shell. Adds the ability to create one or more zoom regions that show magnified or enhanced views of the desktop. The magnifier provides options for: * magnification factor, * four mouse tracking modes common to screen magnifiers, * positioning the magnified view in one of four screen location, or full screen, * crosshairs to accentuate the position of the mouse, * user preferences persistence via GConf (schemas in .../data/gnome-shell.schemas). * a DBus API to allow other processes to drive the magnifier as a service. https://bugzilla.gnome.org/show_bug.cgi?id=595507
2010-05-10 16:40:03 +00:00
/* Magnifier */
.magnifier-zoom-region {
border: 2px solid rgba(128, 0, 0, 255);
}
.magnifier-zoom-region.full-screen {
border-width: 0px;
}
keyboard: add an on-screen keyboard https://bugzilla.gnome.org/show_bug.cgi?id=612662
2011-08-29 15:11:22 +00:00
/* On-screen Keyboard */
#keyboard {
background: rgba(0,0,0,0.8);
}
.keyboard-layout {
spacing: 10px;
padding: 10px;
}
.keyboard-row {
spacing: 15px;
}
.keyboard-key {
min-height: 30px;
min-width: 30px;
background-gradient-start: rgba(255,245,245,0.4);
background-gradient-end: rgba(105,105,105,0.1);
background-gradient-direction: vertical;
font-size: 14pt;
font-weight: bold;
border-radius: 10px;
border: 2px solid #a0a0a0;
color: white;
}
.keyboard-key:grayed {
color: #808080;
border-color: #808080;
}
.keyboard-key:checked,
.keyboard-key:hover {
background: #303030;
border: 3px solid white;
}
.keyboard-key:active {
background: #808080;
}
.keyboard-subkeys {
color: white;
padding: 5px;
-arrow-border-radius: 10px;
-arrow-background-color: #090909;
-arrow-border-width: 2px;
-arrow-border-color: white;
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: 5px;
}
ibusCandidatePopup: A candidate popup for IBus input methods This is an implementation of the org.freedesktop.IBus.Panel API which shows a shell style popup (BoxPointer) when using an IBus input method. Based on code from the ibus-gjs project[1]. [1] https://github.com/fujiwarat/ibus-gjs https://bugzilla.gnome.org/show_bug.cgi?id=641531
2012-05-29 17:30:46 +00:00
/* IBus Candidate Popup */
ibusCandidatePopup: Style updates according to design mockups Make it look more like the mockups. In order to do that we stop using PopupMenu and friends as it doesn't really buy us anything and just makes it more cumbersome to add the style classes we need. https://bugzilla.gnome.org/show_bug.cgi?id=691902
2013-01-02 13:24:37 +00:00
.candidate-popup-content {
padding: 0.5em;
spacing: 0.3em;
}
ibusCandidatePopup: A candidate popup for IBus input methods This is an implementation of the org.freedesktop.IBus.Panel API which shows a shell style popup (BoxPointer) when using an IBus input method. Based on code from the ibus-gjs project[1]. [1] https://github.com/fujiwarat/ibus-gjs https://bugzilla.gnome.org/show_bug.cgi?id=641531
2012-05-29 17:30:46 +00:00
.candidate-index {
ibusCandidatePopup: Style updates according to design mockups Make it look more like the mockups. In order to do that we stop using PopupMenu and friends as it doesn't really buy us anything and just makes it more cumbersome to add the style classes we need. https://bugzilla.gnome.org/show_bug.cgi?id=691902
2013-01-02 13:24:37 +00:00
padding: 0 0.5em 0 0;
color: #cccccc;
ibusCandidatePopup: A candidate popup for IBus input methods This is an implementation of the org.freedesktop.IBus.Panel API which shows a shell style popup (BoxPointer) when using an IBus input method. Based on code from the ibus-gjs project[1]. [1] https://github.com/fujiwarat/ibus-gjs https://bugzilla.gnome.org/show_bug.cgi?id=641531
2012-05-29 17:30:46 +00:00
}
ibusCandidatePopup: Style updates according to design mockups Make it look more like the mockups. In order to do that we stop using PopupMenu and friends as it doesn't really buy us anything and just makes it more cumbersome to add the style classes we need. https://bugzilla.gnome.org/show_bug.cgi?id=691902
2013-01-02 13:24:37 +00:00
.candidate-box {
padding: 0.3em 0.5em 0.3em 0.5em;
ibusCandidatePopup: A candidate popup for IBus input methods This is an implementation of the org.freedesktop.IBus.Panel API which shows a shell style popup (BoxPointer) when using an IBus input method. Based on code from the ibus-gjs project[1]. [1] https://github.com/fujiwarat/ibus-gjs https://bugzilla.gnome.org/show_bug.cgi?id=641531
2012-05-29 17:30:46 +00:00
}
ibusCandidatePopup: Style updates according to design mockups Make it look more like the mockups. In order to do that we stop using PopupMenu and friends as it doesn't really buy us anything and just makes it more cumbersome to add the style classes we need. https://bugzilla.gnome.org/show_bug.cgi?id=691902
2013-01-02 13:24:37 +00:00
.candidate-box:selected {
ibusCandidatePopup: A candidate popup for IBus input methods This is an implementation of the org.freedesktop.IBus.Panel API which shows a shell style popup (BoxPointer) when using an IBus input method. Based on code from the ibus-gjs project[1]. [1] https://github.com/fujiwarat/ibus-gjs https://bugzilla.gnome.org/show_bug.cgi?id=641531
2012-05-29 17:30:46 +00:00
border-radius: 4px;
ibusCandidatePopup: Style updates according to design mockups Make it look more like the mockups. In order to do that we stop using PopupMenu and friends as it doesn't really buy us anything and just makes it more cumbersome to add the style classes we need. https://bugzilla.gnome.org/show_bug.cgi?id=691902
2013-01-02 13:24:37 +00:00
background-color: rgba(255,255,255,0.2);
ibusCandidatePopup: A candidate popup for IBus input methods This is an implementation of the org.freedesktop.IBus.Panel API which shows a shell style popup (BoxPointer) when using an IBus input method. Based on code from the ibus-gjs project[1]. [1] https://github.com/fujiwarat/ibus-gjs https://bugzilla.gnome.org/show_bug.cgi?id=641531
2012-05-29 17:30:46 +00:00
}
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
ibusCandidatePopup: Make candidates reactive to pointer clicks Allow for candidates to be selected by clicking on them. https://bugzilla.gnome.org/show_bug.cgi?id=691902
2013-01-16 23:21:14 +00:00
.candidate-box:hover {
border-radius: 4px;
background-color: rgba(255,255,255,0.1);
}
ibusCandidatePopup: Add pagination buttons Makes switching candidates pages with pointer clicks possible. https://bugzilla.gnome.org/show_bug.cgi?id=691902
2013-02-14 22:36:32 +00:00
.candidate-page-button-box {
height: 2em;
width: 80px;
}
.vertical .candidate-page-button-box {
padding-top: 0.5em;
}
.horizontal .candidate-page-button-box {
padding-left: 0.5em;
}
.candidate-page-button-previous {
border-radius: 4px 0px 0px 4px;
}
.candidate-page-button-next {
border-radius: 0px 4px 4px 0px;
}
.candidate-page-button-icon {
icon-size: 1em;
}
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
/* Login Dialog */
userWidget: Rename the default style class of the user widget As the status chooser is going away, it doesn't make sense to keep the "status-chooser" name around. https://bugzilla.gnome.org/show_bug.cgi?id=704368
2013-06-11 19:00:35 +00:00
.framed-user-icon {
border: 2px solid #8b8b8b;
border-radius: 5px;
background-size: contain;
}
.framed-user-icon:hover {
border: 2px solid #bbbbbb;
}
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
.login-dialog-banner {
font-size: 10pt;
font-weight: bold;
text-align: center;
color: #666666;
padding-bottom: 1em;
}
.login-dialog-title {
font-size: 14pt;
font-weight: bold;
color: #666666;
padding-bottom: 2em;
}
.login-dialog {
Login Dialogs: update styling to match mockups Remove backgrounds, change button styling, reduce font sizes. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-06-03 17:31:34 +00:00
/* Reset border and background */
border: none;
background-color: transparent;
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
}
loginDialog: drop padding between buttons and entry Now that we preallocate space for the prompt message there is a lot of loose space between the entry and the buttons. This commit helps tighten things up by getting rid of the large top padding set above the login buttons. https://bugzilla.gnome.org/show_bug.cgi?id=702308
2013-06-19 13:23:14 +00:00
.login-dialog-button-box {
spacing: 5px;
}
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
.login-dialog-user-list-view {
-st-vfade-offset: 1em;
}
.login-dialog-user-list {
spacing: 12px;
loginDialog: Update user list style Rather than changing the text color to indicate hover and an underline to mark the focused item, use the same semi-transparent white background as in the overview. https://bugzilla.gnome.org/show_bug.cgi?id=660913
2012-07-09 21:46:35 +00:00
padding: .2em;
gdm: Remove constraints from authPrompt / loginDialog as well https://bugzilla.gnome.org/show_bug.cgi?id=706843
2013-08-26 19:47:52 +00:00
width: 23em;
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
}
.login-dialog-user-list-item {
loginDialog: Update user list style Rather than changing the text color to indicate hover and an underline to mark the focused item, use the same semi-transparent white background as in the overview. https://bugzilla.gnome.org/show_bug.cgi?id=660913
2012-07-09 21:46:35 +00:00
border-radius: 10px;
padding: .2em;
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
}
.login-dialog-user-list-item:ltr {
padding-right: 1em;
}
.login-dialog-user-list-item:rtl {
padding-left: 1em;
}
.login-dialog-user-list-item .login-dialog-user-list-item-name {
font-size: 20pt;
theme: minor user item tweaks <aday> too much padding between avatar and name - https://cloud.gnome.org/public.php?service=files&t=2a4b3383b568a7986edfcb3501bdd020 <aday> not enough vertical padding between avatar image and "Password" - https://cloud.gnome.org/public.php?service=files&t=16b6eaa8f607650bcd11a4d4236fe7be
2013-08-16 12:48:35 +00:00
padding-left: 9px;
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
}
loginDialog: Use the same prompt layout as the unlock dialog Currently the layout of the password prompt differs slightly between login dialog and unlock screen - for the former, the prompt is displayed next to the user avatar, replacing the user name, for the latter, it is diplayed below both avatar and name. https://bugzilla.gnome.org/show_bug.cgi?id=685201
2012-10-04 16:31:50 +00:00
.login-dialog-user-list:expanded .login-dialog-user-list-item {
color: #666666;
}
.login-dialog-user-list-item,
loginDialog: Update user list style Rather than changing the text color to indicate hover and an underline to mark the focused item, use the same semi-transparent white background as in the overview. https://bugzilla.gnome.org/show_bug.cgi?id=660913
2012-07-09 21:46:35 +00:00
.login-dialog-user-list-item:hover .login-dialog-user-list-item-name,
loginDialog: Indicate whether users are logged in Unlike the fallback gdm UI, we do not indicate in the user list whether a user already has an open session or not. This information is useful, so use a spotlight effect similar to the running-app indicator to mark logged in users. https://bugzilla.gnome.org/show_bug.cgi?id=658185
2012-07-09 18:04:23 +00:00
.login-dialog-user-list:expanded .login-dialog-user-list-item:focus .login-dialog-user-list-item-name,
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
color: white;
text-shadow: black 0px 2px 2px;
}
loginDialog: Update user list style Rather than changing the text color to indicate hover and an underline to mark the focused item, use the same semi-transparent white background as in the overview. https://bugzilla.gnome.org/show_bug.cgi?id=660913
2012-07-09 21:46:35 +00:00
.login-dialog-user-list-item:hover {
background-color: rgba(255,255,255,0.1);
}
loginDialog: Add an :expanded pseudo class to the user list We want to style user list items differently depending on whether the list is expanded or shrunk; instead of manually updating the items' style, we can just expose the :expanded style on the list itself and use that in the CSS. https://bugzilla.gnome.org/show_bug.cgi?id=658185
2012-08-01 15:14:00 +00:00
.login-dialog-user-list:expanded .login-dialog-user-list-item:focus {
loginDialog: Update user list style Rather than changing the text color to indicate hover and an underline to mark the focused item, use the same semi-transparent white background as in the overview. https://bugzilla.gnome.org/show_bug.cgi?id=660913
2012-07-09 21:46:35 +00:00
background-color: rgba(255,255,255,0.33);
}
loginDialog: Indicate whether users are logged in Unlike the fallback gdm UI, we do not indicate in the user list whether a user already has an open session or not. This information is useful, so use a spotlight effect similar to the running-app indicator to mark logged in users. https://bugzilla.gnome.org/show_bug.cgi?id=658185
2012-07-09 18:04:23 +00:00
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
background-image: url("logged-in-indicator.svg");
background-size: contain;
}
gdm: Adjust timed-login indicator Until the recent style changes, the same element was used to indicate both item focus and progress for timed logins. As focus is now indicated by the item's background style, rename the indicator from focusBin to timedLoginIndicator and make some minor adjustments to better fit the new style: - move it next to the icon below the text - give it a white color and a shadow - update animation to grow from the left instead of the center https://bugzilla.gnome.org/show_bug.cgi?id=660913
2012-07-13 22:43:58 +00:00
.login-dialog-user-list-item-text-box {
padding: 0 0.5em;
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
}
gdm: Adjust timed-login indicator Until the recent style changes, the same element was used to indicate both item focus and progress for timed logins. As focus is now indicated by the item's background style, rename the indicator from focusBin to timedLoginIndicator and make some minor adjustments to better fit the new style: - move it next to the icon below the text - give it a white color and a shadow - update animation to grow from the left instead of the center https://bugzilla.gnome.org/show_bug.cgi?id=660913
2012-07-13 22:43:58 +00:00
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
background-color: rgba(0,0,0,0.0);
height: 2px;
}
gdm: Adjust timed-login indicator Until the recent style changes, the same element was used to indicate both item focus and progress for timed logins. As focus is now indicated by the item's background style, rename the indicator from focusBin to timedLoginIndicator and make some minor adjustments to better fit the new style: - move it next to the icon below the text - give it a white color and a shadow - update animation to grow from the left instead of the center https://bugzilla.gnome.org/show_bug.cgi?id=660913
2012-07-13 22:43:58 +00:00
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
background-color: #8b8b8b;
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
}
.login-dialog-user-list-item-icon {
border: 2px solid #8b8b8b;
border-radius: 8px;
width: 64px;
height: 64px;
}
.login-dialog-not-listed-label {
Login Dialogs: update styling to match mockups Remove backgrounds, change button styling, reduce font sizes. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-06-03 17:31:34 +00:00
font-size: 10.5pt;
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
font-weight: bold;
color: #666666;
UnlockDialog: Move "Login as another user" at the bottom The Unlock button is more logically related to the entry than this link, and having the latter in the middle breaks the workflow. https://bugzilla.gnome.org/show_bug.cgi?id=681143
2012-08-07 15:38:12 +00:00
padding-top: 1em;
theme: fix spacing for "Log in as another user" button At some point the Not Listed? button was moved to align it better in the login screen. That nudging made the "Log in as another user" button (which uses the same style class) align worse. This commit removes the padding at the unlock screen. https://bugzilla.gnome.org/show_bug.cgi?id=704318
2013-07-16 12:42:32 +00:00
}
.login-dialog-user-selection-box .login-dialog-not-listed-label {
gdm: Align the "Not Listed?" label https://bugzilla.gnome.org/show_bug.cgi?id=702307
2013-06-24 02:42:22 +00:00
padding-left: 2px;
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
}
loginDialog: Add focus indication While keynav works on login screen and unlock dialog, most elements currently miss a focus indication. https://bugzilla.gnome.org/show_bug.cgi?id=684730
2012-10-05 17:06:20 +00:00
.login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
color: #E8E8E8;
}
Login Dialogs: update styling to match mockups Remove backgrounds, change button styling, reduce font sizes. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-06-03 17:31:34 +00:00
.login-dialog-username {
font-size: 16pt;
font-weight: bold;
text-align: left;
padding-left: 15px;
Login dialog - tweak the user name text shadow The shadow under the user name should suggest that the light source is directly above. https://bugzilla.gnome.org/show_bug.cgi?id=688557
2012-11-17 23:06:48 +00:00
text-shadow: black 0px 4px 3px 0px;
Login Dialogs: update styling to match mockups Remove backgrounds, change button styling, reduce font sizes. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-06-03 17:31:34 +00:00
}
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
.login-dialog-prompt-layout {
Login Dialogs: update styling to match mockups Remove backgrounds, change button styling, reduce font sizes. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-06-03 17:31:34 +00:00
padding-top: 24px;
padding-bottom: 12px;
spacing: 8px;
authPrompt: let PAM message wrap if longer than entry Right now the whole authPrompt spreads out if a PAM message comes in that longer than the entry. This commit changes it to wrap instead, by forcing the auth prompt to be a fixed width (slightly bigger than the entry width was sized to previously). https://bugzilla.gnome.org/show_bug.cgi?id=705037
2013-07-28 16:40:55 +00:00
width: 23em;
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
}
Login Dialogs: update styling to match mockups Remove backgrounds, change button styling, reduce font sizes. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-06-03 17:31:34 +00:00
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
.login-dialog-prompt-label {
Login Dialogs: update styling to match mockups Remove backgrounds, change button styling, reduce font sizes. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-06-03 17:31:34 +00:00
color: #eeeeee;
font-size: 14px;
theme: minor user item tweaks <aday> too much padding between avatar and name - https://cloud.gnome.org/public.php?service=files&t=2a4b3383b568a7986edfcb3501bdd020 <aday> not enough vertical padding between avatar image and "Password" - https://cloud.gnome.org/public.php?service=files&t=16b6eaa8f607650bcd11a4d4236fe7be
2013-08-16 12:48:35 +00:00
padding-top: 11px;
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
}
loginDialog: Move the session list to a PopupMenu There are some issues with the existing session menu. First, it looks kinda bad. It seems like it's hanging around there, but it doesn't really know what to do with itself. Second, when it expands down it requires that the buttons below move down with it. This kind of movement is awkward and looks a bit weird. Third, its current position makes the "dialog" tall and unwieldy when you add things like messages for fingerprint readers or authentication errors. This commit moves the session list to a menu behind a button to address the above problems. Based on a patch by Jasper St. Pierre. https://bugzilla.gnome.org/show_bug.cgi?id=702818
2013-06-24 03:14:10 +00:00
.login-dialog-session-list-button StIcon {
icon-size: 1.25em;
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
}
theme: polish the session chooser The session chooser list has an embedded look which doesn't fit well with the rest of the theme. Give it more of a flat appearance and simplify the visuals. https://bugzilla.gnome.org/show_bug.cgi?id=695742
2013-05-19 19:25:03 +00:00
.login-dialog-session-list-button {
loginDialog: Move the session list to a PopupMenu There are some issues with the existing session menu. First, it looks kinda bad. It seems like it's hanging around there, but it doesn't really know what to do with itself. Second, when it expands down it requires that the buttons below move down with it. This kind of movement is awkward and looks a bit weird. Third, its current position makes the "dialog" tall and unwieldy when you add things like messages for fingerprint readers or authentication errors. This commit moves the session list to a menu behind a button to address the above problems. Based on a patch by Jasper St. Pierre. https://bugzilla.gnome.org/show_bug.cgi?id=702818
2013-06-24 03:14:10 +00:00
color: #8b8b8b;
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
}
loginDialog: Move the session list to a PopupMenu There are some issues with the existing session menu. First, it looks kinda bad. It seems like it's hanging around there, but it doesn't really know what to do with itself. Second, when it expands down it requires that the buttons below move down with it. This kind of movement is awkward and looks a bit weird. Third, its current position makes the "dialog" tall and unwieldy when you add things like messages for fingerprint readers or authentication errors. This commit moves the session list to a menu behind a button to address the above problems. Based on a patch by Jasper St. Pierre. https://bugzilla.gnome.org/show_bug.cgi?id=702818
2013-06-24 03:14:10 +00:00
.login-dialog-session-list-button:hover,
.login-dialog-session-list-button:active {
color: white;
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
}
loginDialog: (Optionally) show logo below user list The optional logo on the login screen is currently shown in the top bar, which is not only a rather unprominent position, it also gives the wrong suggestion of a clickable element. Newer designs call for the logo to be shown horizontally centered at the bottom of the screen, so implement that instead. https://bugzilla.gnome.org/show_bug.cgi?id=694912
2013-03-23 00:27:22 +00:00
.login-dialog-logo-bin {
padding: 24px 0px;
}
Login: add a spinner for better process indication We need to do a better job of indicating login process. This can sometimes take a few seconds (particularly if you get your password wrong): we need to give better feedback of what's going on. This adds a spinner next to the login button if the authorization takes some time. https://bugzilla.gnome.org/show_bug.cgi?id=687113
2012-11-18 21:49:54 +00:00
.login-dialog .modal-dialog-button-box {
spacing: 3px;
}
Login Dialogs: update styling to match mockups Remove backgrounds, change button styling, reduce font sizes. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-06-03 17:31:34 +00:00
.login-dialog .modal-dialog-button {
border-radius: 5px;
padding: 3px 18px;
}
loginDialog: Add focus indication While keynav works on login screen and unlock dialog, most elements currently miss a focus indication. https://bugzilla.gnome.org/show_bug.cgi?id=684730
2012-10-05 17:06:20 +00:00
.login-dialog .modal-dialog-button:focus {
padding: 2px 17px;
}
Login Dialogs: update styling to match mockups Remove backgrounds, change button styling, reduce font sizes. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-06-03 17:31:34 +00:00
.login-dialog .modal-dialog-button:default {
theme: Fix unlock button colors The colors for the new button were far too brash. This makes them consistent with the mockups.
2012-08-01 08:46:20 +00:00
background-gradient-start: #6793c4;
background-gradient-end: #335d8f;
Login Dialogs: update styling to match mockups Remove backgrounds, change button styling, reduce font sizes. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-06-03 17:31:34 +00:00
background-gradient-direction: vertical;
Improve the button insensitive style The current insensitive style for buttons needs to be improved. Right now we just change the text color: this doesn't make it clear that the button is actually insensitive. Instead of just changing the text color, we make the button background almost transparent. We also make the text color the same as the border color, use a thinner border. This patch also simplifies some border rule overwrites to emphasis only the border width is changed on focus, and makes the button look closer to the mockups. https://bugzilla.gnome.org/show_bug.cgi?id=687110
2012-10-30 12:07:58 +00:00
border-color: #16335d;
Login Dialogs: update styling to match mockups Remove backgrounds, change button styling, reduce font sizes. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-06-03 17:31:34 +00:00
}
loginDialog: Add focus indication While keynav works on login screen and unlock dialog, most elements currently miss a focus indication. https://bugzilla.gnome.org/show_bug.cgi?id=684730
2012-10-05 17:06:20 +00:00
.login-dialog .modal-dialog-button:default:focus {
border: 2px solid #377fe7;
}
UnlockDialog: add an explicit cancel button Pressing escape to cancelling the unlock procedure is not discoverable enough. At the same time, fix styling to avoid bluish hover effects. https://bugzilla.gnome.org/show_bug.cgi?id=681143
2012-08-16 20:53:21 +00:00
.login-dialog .modal-dialog-button:default:hover {
theme: Fix unlock button colors The colors for the new button were far too brash. This makes them consistent with the mockups.
2012-08-01 08:46:20 +00:00
background-gradient-start: #74a0d0;
background-gradient-end: #436d9f;
Login Dialogs: update styling to match mockups Remove backgrounds, change button styling, reduce font sizes. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-06-03 17:31:34 +00:00
}
UnlockDialog: add an explicit cancel button Pressing escape to cancelling the unlock procedure is not discoverable enough. At the same time, fix styling to avoid bluish hover effects. https://bugzilla.gnome.org/show_bug.cgi?id=681143
2012-08-16 20:53:21 +00:00
.login-dialog .modal-dialog-button:default:active,
.login-dialog .modal-dialog-button:default:pressed {
theme: Fix unlock button colors The colors for the new button were far too brash. This makes them consistent with the mockups.
2012-08-01 08:46:20 +00:00
background-gradient-start: #436d9f;
background-gradient-end: #74a0d0;
Add UnlockDialog for unlocking the screen shield When the screenshield is deactivated, instead of going back to the session immediately, prompt the user for authentication. This essentially reinstates what used to be provided by gnome-screensaver. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-20 16:30:14 +00:00
}
Improve the button insensitive style The current insensitive style for buttons needs to be improved. Right now we just change the text color: this doesn't make it clear that the button is actually insensitive. Instead of just changing the text color, we make the button background almost transparent. We also make the text color the same as the border color, use a thinner border. This patch also simplifies some border rule overwrites to emphasis only the border width is changed on focus, and makes the button look closer to the mockups. https://bugzilla.gnome.org/show_bug.cgi?id=687110
2012-10-30 12:07:58 +00:00
.login-dialog .modal-dialog-button:default:insensitive {
border-color: #666666;
color: #9f9f9f;
background-gradient-direction: none;
background-color: rgba(102, 102, 102, 0.15);
}
loginDialog: consolidate message label and login hint label Right now the login hint is showing up just above the the cancel button, instead of just below the text entry field. The mockup here: https://raw.github.com/gnome-design-team/gnome-mockups/master/system-lock-login-boot/login-dissect.png Says it should share a label with the PAM info/error messages. This commit consolidates the two labels. https://bugzilla.gnome.org/show_bug.cgi?id=706324
2013-08-19 16:00:33 +00:00
.login-dialog-message-warning,
.login-dialog-message-info {
padding-top: 4px;
padding-bottom: 16px;
min-height: 2em;
}
Login/UnlockDialog: don't reset immediately if auth fails Instead of showing a notification, add a small message immediately below the entry, and give the user two more attempts to login, before going back to the welcome or lock screen. https://bugzilla.gnome.org/show_bug.cgi?id=682544
2012-08-07 14:49:22 +00:00
.login-dialog-message-warning {
color: orange;
}
loginDialog: consolidate message label and login hint label Right now the login hint is showing up just above the the cancel button, instead of just below the text entry field. The mockup here: https://raw.github.com/gnome-design-team/gnome-mockups/master/system-lock-login-boot/login-dissect.png Says it should share a label with the PAM info/error messages. This commit consolidates the two labels. https://bugzilla.gnome.org/show_bug.cgi?id=706324
2013-08-19 16:00:33 +00:00
.login-dialog-message-hint {
padding-bottom: 16px;
min-height: 2em;
}
unlockDialog: move user widget into separate file The user widget is the username and avatar shown on the unlock dialog. The login dialog has something very similar. This commit separates the user widget out to its own file, so we can use it from the login dialog in a later commit. https://bugzilla.gnome.org/show_bug.cgi?id=694062
2013-02-18 01:54:46 +00:00
.user-widget-label {
font-size: 16pt;
font-weight: bold;
text-align: left;
padding-left: 15px;
text-shadow: black 0px 4px 3px 0px;
}
ScreenShield: implement curtain design This separates the screen shield into two main screens. One is the lock screen, and it is shown when coming back from idle status and when failing authentication. The other is the actual unlock dialog. Moving from the first to the second is possible by pressing Escape or by dragging an arrow on the bottom on the screen. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-24 20:47:48 +00:00
/* Screen shield */
theme: change the lock screen notification background The current look is too heavy and looks out of place. Simplify the background in accordance with the latest mockups. https://bugzilla.gnome.org/show_bug.cgi?id=702305
2013-07-15 18:09:56 +00:00
#panel.lock-screen,
#screenShieldNotifications {
background-color: rgba(0,0,0,0.3);
}
screenShield: Add box-shadow to the shield According to the mockups, the screen shield should cast a shadow when lifted.
2012-09-13 16:45:55 +00:00
.screen-shield-background {
background: black;
Revert "screenshield: Remove box-shadow" This reverts commit 98e74dfd38bd44154e002000ed46be4ed622173d. https://bugzilla.gnome.org/show_bug.cgi?id=697274
2013-04-20 14:25:44 +00:00
box-shadow: 0px 4px 8px rgba(0,0,0,0.9);
screenShield: Add box-shadow to the shield According to the mockups, the screen shield should cast a shadow when lifted.
2012-09-13 16:45:55 +00:00
}
ScreenShield: when explicitly locking, tween the shield from the top The curtain should appear to be an overlay on top of the system, and since it is lifted by dragging up, it makes sense to slide it down on lock. https://bugzilla.gnome.org/show_bug.cgi?id=681143
2012-08-03 17:42:43 +00:00
#lockDialogGroup {
theme: Use the noise texture for the background of the screen shield https://bugzilla.gnome.org/show_bug.cgi?id=681143
2012-07-31 15:56:46 +00:00
background: #2e3436 url(noise-texture.png);
background-repeat: repeat;
ScreenShield: implement curtain design This separates the screen shield into two main screens. One is the lock screen, and it is shown when coming back from idle status and when failing authentication. The other is the actual unlock dialog. Moving from the first to the second is possible by pressing Escape or by dragging an arrow on the bottom on the screen. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-24 20:47:48 +00:00
}
ScreenShield: rework the arrow in the lock screen User testing has shown that it is not discoverable that the whole lock screen can be dragged. A new mockup includes more arrows and a short animation every 4 seconds. https://bugzilla.gnome.org/show_bug.cgi?id=682285
2012-08-20 17:56:08 +00:00
.screen-shield-arrows {
padding-bottom: 3em;
}
ScreenShield: add a drop shadow to the animated arrows Introduce a StShadowHelper to manage drop shadows from JS (which cannot use Cogl directly), and use it in a new StWidget-derived JS class to draw the arrow. https://bugzilla.gnome.org/show_bug.cgi?id=682285
2012-08-21 19:13:33 +00:00
.screen-shield-arrows Gjs_Arrow {
ScreenShield: rework the arrow in the lock screen User testing has shown that it is not discoverable that the whole lock screen can be dragged. A new mockup includes more arrows and a short animation every 4 seconds. https://bugzilla.gnome.org/show_bug.cgi?id=682285
2012-08-20 17:56:08 +00:00
color: white;
width: 80px;
height: 48px;
-arrow-thickness: 12px;
ScreenShield: add a drop shadow to the animated arrows Introduce a StShadowHelper to manage drop shadows from JS (which cannot use Cogl directly), and use it in a new StWidget-derived JS class to draw the arrow. https://bugzilla.gnome.org/show_bug.cgi?id=682285
2012-08-21 19:13:33 +00:00
-arrow-shadow: 0 1px 1px rgba(0,0,0,0.4);
ScreenShield: implement curtain design This separates the screen shield into two main screens. One is the lock screen, and it is shown when coming back from idle status and when failing authentication. The other is the actual unlock dialog. Moving from the first to the second is possible by pressing Escape or by dragging an arrow on the bottom on the screen. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-24 20:47:48 +00:00
}
Add a clock to the lock screen Start implementing the lock screen design by adding a big white clock in the middle. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-27 22:50:56 +00:00
screenShield: Add some padding between the clock and notifications box https://bugzilla.gnome.org/show_bug.cgi?id=685919
2012-10-10 21:17:38 +00:00
.screen-shield-contents-box {
spacing: 48px;
}
Add a clock to the lock screen Start implementing the lock screen design by adding a big white clock in the middle. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-27 22:50:56 +00:00
.screen-shield-clock {
color: white;
theme: Improve legibility of date and time in the lock screen Adjust the drop shadow to make the date and time easier to read.
2012-08-01 13:12:12 +00:00
text-shadow: 0px 1px 2px rgba(0,0,0,0.6);
Add a clock to the lock screen Start implementing the lock screen design by adding a big white clock in the middle. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-27 22:50:56 +00:00
font-weight: bold;
text-align: center;
ScreenShield: fix spacing of notifications and sources Reduce padding around persistent sources, and ensure that spacing around resident notifications is only applied once. Also, add some padding to the clock. https://bugzilla.gnome.org/show_bug.cgi?id=681143
2012-08-06 18:44:07 +00:00
padding-bottom: 1.5em;
Add a clock to the lock screen Start implementing the lock screen design by adding a big white clock in the middle. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-27 22:50:56 +00:00
}
.screen-shield-clock-time {
theme: Make the notifications box match mockups better Adjust font sizes, spacing and padding, and add a box shadow to the notifications box. https://bugzilla.gnome.org/show_bug.cgi?id=685919
2012-10-10 21:18:26 +00:00
font-size: 72pt;
theme: Improve legibility of date and time in the lock screen Adjust the drop shadow to make the date and time easier to read.
2012-08-01 13:12:12 +00:00
text-shadow: 0px 2px 2px rgba(0,0,0,0.4);
Add a clock to the lock screen Start implementing the lock screen design by adding a big white clock in the middle. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-27 22:50:56 +00:00
}
.screen-shield-clock-date {
theme: Make the notifications box match mockups better Adjust font sizes, spacing and padding, and add a box shadow to the notifications box. https://bugzilla.gnome.org/show_bug.cgi?id=685919
2012-10-10 21:18:26 +00:00
font-size: 28pt;
Add a clock to the lock screen Start implementing the lock screen design by adding a big white clock in the middle. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-27 22:50:56 +00:00
}
ScreenShield: show notifications in the locked screen Track screen lock status in the message tray, and filter banner notifications. The message tray is completely hidden when the screen is locked, but exceptions can be made for individual transient notifications, such as shell messages and the on screen keyboard. Non transient sources are shown in the middle of the lock screen. Resident notifications (such as those from Rhythmbox) are shown in full, while persistent ones are displayed as icon and message count. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-22 22:02:00 +00:00
#screenShieldNotifications {
ScreenSheild: make notification view scrollable Place a maximum height on the notification view, and show scrollbars if the list of persistent sources would overflow. https://bugzilla.gnome.org/show_bug.cgi?id=681143
2012-08-06 17:02:12 +00:00
max-height: 500px;
theme: rework lock screen notification layout Make the notifications wider and adjust the padding so they aren't as tall. Also make the corner radius consistent with the rest of the theme. This makes the notifications look better, is more space efficient, and is consistent with the latest mockups. https://bugzilla.gnome.org/show_bug.cgi?id=702305
2013-07-16 12:48:15 +00:00
padding: 12px;
ScreenShield: show notifications in the locked screen Track screen lock status in the message tray, and filter banner notifications. The message tray is completely hidden when the screen is locked, but exceptions can be made for individual transient notifications, such as shell messages and the on screen keyboard. Non transient sources are shown in the middle of the lock screen. Resident notifications (such as those from Rhythmbox) are shown in full, while persistent ones are displayed as icon and message count. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-22 22:02:00 +00:00
}
ScreenSheild: make notification view scrollable Place a maximum height on the notification view, and show scrollbars if the list of persistent sources would overflow. https://bugzilla.gnome.org/show_bug.cgi?id=681143
2012-08-06 17:02:12 +00:00
.screen-shield-notifications-box {
theme: rework lock screen notification layout Make the notifications wider and adjust the padding so they aren't as tall. Also make the corner radius consistent with the rest of the theme. This makes the notifications look better, is more space efficient, and is consistent with the latest mockups. https://bugzilla.gnome.org/show_bug.cgi?id=702305
2013-07-16 12:48:15 +00:00
spacing: 12px;
width: 30em;
ScreenShield: show notifications in the locked screen Track screen lock status in the message tray, and filter banner notifications. The message tray is completely hidden when the screen is locked, but exceptions can be made for individual transient notifications, such as shell messages and the on screen keyboard. Non transient sources are shown in the middle of the lock screen. Resident notifications (such as those from Rhythmbox) are shown in full, while persistent ones are displayed as icon and message count. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-22 22:02:00 +00:00
}
.screen-shield-notification-source {
theme: rework lock screen notification layout Make the notifications wider and adjust the padding so they aren't as tall. Also make the corner radius consistent with the rest of the theme. This makes the notifications look better, is more space efficient, and is consistent with the latest mockups. https://bugzilla.gnome.org/show_bug.cgi?id=702305
2013-07-16 12:48:15 +00:00
padding: 3px 6px;
ScreenShield: show notifications in the locked screen Track screen lock status in the message tray, and filter banner notifications. The message tray is completely hidden when the screen is locked, but exceptions can be made for individual transient notifications, such as shell messages and the on screen keyboard. Non transient sources are shown in the middle of the lock screen. Resident notifications (such as those from Rhythmbox) are shown in full, while persistent ones are displayed as icon and message count. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-22 22:02:00 +00:00
spacing: 5px;
}
.screen-shield-notification-label {
font-weight: bold;
theme: rework lock screen notification layout Make the notifications wider and adjust the padding so they aren't as tall. Also make the corner radius consistent with the rest of the theme. This makes the notifications look better, is more space efficient, and is consistent with the latest mockups. https://bugzilla.gnome.org/show_bug.cgi?id=702305
2013-07-16 12:48:15 +00:00
padding: 0px 0px 0px 12px;
ScreenShield: show notifications in the locked screen Track screen lock status in the message tray, and filter banner notifications. The message tray is completely hidden when the screen is locked, but exceptions can be made for individual transient notifications, such as shell messages and the on screen keyboard. Non transient sources are shown in the middle of the lock screen. Resident notifications (such as those from Rhythmbox) are shown in full, while persistent ones are displayed as icon and message count. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-22 22:02:00 +00:00
}
MessageTray, ScreenShield: adjust missed message counter Fix counter size and position and add some padding in ScreenShield notifications to not obscure the items below the missed message counter. https://bugzilla.gnome.org/show_bug.cgi?id=686472
2012-11-28 19:51:56 +00:00
.screen-shield-notification-count-text {
theme: rework lock screen notification layout Make the notifications wider and adjust the padding so they aren't as tall. Also make the corner radius consistent with the rest of the theme. This makes the notifications look better, is more space efficient, and is consistent with the latest mockups. https://bugzilla.gnome.org/show_bug.cgi?id=702305
2013-07-16 12:48:15 +00:00
padding: 0px 0px 0px 12px;
MessageTray, ScreenShield: adjust missed message counter Fix counter size and position and add some padding in ScreenShield notifications to not obscure the items below the missed message counter. https://bugzilla.gnome.org/show_bug.cgi?id=686472
2012-11-28 19:51:56 +00:00
}
ScreenShield: show notifications in the locked screen Track screen lock status in the message tray, and filter banner notifications. The message tray is completely hidden when the screen is locked, but exceptions can be made for individual transient notifications, such as shell messages and the on screen keyboard. Non transient sources are shown in the middle of the lock screen. Resident notifications (such as those from Rhythmbox) are shown in full, while persistent ones are displayed as icon and message count. https://bugzilla.gnome.org/show_bug.cgi?id=619955
2012-05-22 22:02:00 +00:00
/* Remove background from notifications, otherwise
opacity is doubled and they look darker
*/
.screen-shield-notifications-box .notification {
background-color: transparent;
}
ScreenShield: fix spacing of notifications and sources Reduce padding around persistent sources, and ensure that spacing around resident notifications is only applied once. Also, add some padding to the clock. https://bugzilla.gnome.org/show_bug.cgi?id=681143
2012-08-06 18:44:07 +00:00
/* Override padding on resident notifications, since
the notifications box has its own spacing
*/
.screen-shield-notifications-box .summary-notification-stack-scrollview {
padding-top: 0px;
padding-bottom: 0px;
}
theme: adjust some colors to the new background The background color is now lighter. That means that text and button borders also need to be lighter to compensate. https://bugzilla.gnome.org/show_bug.cgi?id=702305
2013-07-16 12:42:53 +00:00
#screenShieldNotifications .notification-button,
#screenShieldNotifications .notification-icon-button {
border: 1px rgba(255,255,255,0.5);
}
theme: adjust scroll bar styling to new background color Since the background color changed, the style of the scroll bar needs to be adjusted to compensate. https://bugzilla.gnome.org/show_bug.cgi?id=702305
2013-07-16 14:14:14 +00:00
#screenShieldNotifications StScrollBar StBin#trough {
background-color: rgba(0,0,0,0.2);
}
#screenShieldNotifications StScrollBar StButton#vhandle,
#screenShieldNotifications StScrollBar StButton#hhandle {
background-color: rgba(0,0,0,0.3);
border: none;
}
#screenShieldNotifications StScrollBar StButton#vhandle:hover,
#screenShieldNotifications StScrollBar StButton#hhandle {
background-color: rgba(0,0,0,0.6);
}
#screenShieldNotifications StScrollBar StButton#vhandle:active,
#screenShieldNotifications StScrollBar StButton#hhandle {
background-color: rgba(0,0,0,0.8);
}
status/keyboard: Add an Alt+Tab like input source switcher https://bugzilla.gnome.org/show_bug.cgi?id=682315
2012-12-10 19:35:29 +00:00
.input-source-switcher-symbol {
css: Make input sources switcher symbol font smaller Particularly when using asian languages the symbol could become large enough to not fit in the space we have and we'd end up with a totally ellipsized item. https://bugzilla.gnome.org/show_bug.cgi?id=695001
2013-03-02 15:46:29 +00:00
font-size: 34pt;
status/keyboard: Add an Alt+Tab like input source switcher https://bugzilla.gnome.org/show_bug.cgi?id=682315
2012-12-10 19:35:29 +00:00
width: 96px;
height: 96px;
}
backgroundMenu: Add a context menu on the background actor Allow users to change their wallpaper and launch System Settings from it. https://bugzilla.gnome.org/show_bug.cgi?id=681540
2012-12-21 12:55:00 +00:00
/* Background menu */
.background-menu {
-boxpointer-gap: 4px;
}
Reference in New Issue Copy Permalink