gnome-shell: Tweak transition durations
The transition durations in the previous commit seems to be a bit too fast than the gtk's one.
The transition durations in the previous commit seems to be a bit too fast than the gtk's one.
by roundabout, Thursday, 17 August 2017, 12:55:41 (1502974541), pushed by roundabout, Sunday, 11 May 2025, 13:22:12 (1746969732)
Author identity: nana-4 <hnmaigo@gmail.com>
1c8222383ee6b6dcac73515d42bd8220ca61c7aa
*/
/* GLOBALS */
* {
transition-duration: 135ms;
transition-duration: 150ms;
}
stage {
.popup-menu .popup-menu-item {
spacing: 8px;
transition-duration: 90ms;
transition-duration: 100ms;
}
.popup-menu .popup-menu-item:ltr {
.popup-menu .popup-menu-item:active {
background-color: rgba(0, 0, 0, 0.26);
color: rgba(0, 0, 0, 0.87);
transition-duration: 135ms;
transition-duration: 150ms;
}
.popup-menu .popup-menu-item.selected:active {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(255, 255, 255, 0.7);
transition-duration: 135ms;
transition-duration: 150ms;
}
#panel .panel-button .app-menu-icon {
.list-search-result:active,
.list-search-result:checked {
background-color: rgba(255, 255, 255, 0.3);
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app:hover .overview-icon,
.grid-search-result:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 transparent;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app-running-dot {
border-radius: 2px;
padding: 6px;
border: none;
transition-duration: 135ms;
transition-duration: 150ms;
text-align: center;
}
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: #FFFFFF;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-folder-popup {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(0, 0, 0, 0.38);
transition-duration: 135ms;
transition-duration: 150ms;
padding-left: 16px;
padding-right: 16px;
min-height: 32px;
*/
/* GLOBALS */
* {
transition-duration: 135ms;
transition-duration: 150ms;
}
stage {
.popup-menu .popup-menu-item {
spacing: 8px;
transition-duration: 90ms;
transition-duration: 100ms;
}
.popup-menu .popup-menu-item:ltr {
.popup-menu .popup-menu-item:active {
background-color: rgba(255, 255, 255, 0.3);
color: #FFFFFF;
transition-duration: 135ms;
transition-duration: 150ms;
}
.popup-menu .popup-menu-item.selected:active {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(255, 255, 255, 0.7);
transition-duration: 135ms;
transition-duration: 150ms;
}
#panel .panel-button .app-menu-icon {
.list-search-result:active,
.list-search-result:checked {
background-color: rgba(255, 255, 255, 0.3);
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app:hover .overview-icon,
.grid-search-result:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 transparent;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app-running-dot {
border-radius: 2px;
padding: 6px;
border: none;
transition-duration: 135ms;
transition-duration: 150ms;
text-align: center;
}
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: #FFFFFF;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-folder-popup {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(255, 255, 255, 0.5);
transition-duration: 135ms;
transition-duration: 150ms;
padding-left: 16px;
padding-right: 16px;
min-height: 32px;
*/
/* GLOBALS */
* {
transition-duration: 135ms;
transition-duration: 150ms;
}
stage {
.popup-menu .popup-menu-item {
spacing: 8px;
transition-duration: 90ms;
transition-duration: 100ms;
}
.popup-menu .popup-menu-item:ltr {
.popup-menu .popup-menu-item:active {
background-color: rgba(255, 255, 255, 0.3);
color: #FFFFFF;
transition-duration: 135ms;
transition-duration: 150ms;
}
.popup-menu .popup-menu-item.selected:active {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(255, 255, 255, 0.7);
transition-duration: 135ms;
transition-duration: 150ms;
}
#panel .panel-button .app-menu-icon {
.list-search-result:active,
.list-search-result:checked {
background-color: rgba(255, 255, 255, 0.3);
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app:hover .overview-icon,
.grid-search-result:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 transparent;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app-running-dot {
border-radius: 2px;
padding: 6px;
border: none;
transition-duration: 135ms;
transition-duration: 150ms;
text-align: center;
}
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: #FFFFFF;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-folder-popup {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(255, 255, 255, 0.5);
transition-duration: 135ms;
transition-duration: 150ms;
padding-left: 16px;
padding-right: 16px;
min-height: 36px;
*/
/* GLOBALS */
* {
transition-duration: 135ms;
transition-duration: 150ms;
}
stage {
.popup-menu .popup-menu-item {
spacing: 8px;
transition-duration: 90ms;
transition-duration: 100ms;
}
.popup-menu .popup-menu-item:ltr {
.popup-menu .popup-menu-item:active {
background-color: rgba(0, 0, 0, 0.26);
color: rgba(0, 0, 0, 0.87);
transition-duration: 135ms;
transition-duration: 150ms;
}
.popup-menu .popup-menu-item.selected:active {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(255, 255, 255, 0.7);
transition-duration: 135ms;
transition-duration: 150ms;
}
#panel .panel-button .app-menu-icon {
.list-search-result:active,
.list-search-result:checked {
background-color: rgba(255, 255, 255, 0.3);
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app:hover .overview-icon,
.grid-search-result:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 transparent;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app-running-dot {
border-radius: 2px;
padding: 6px;
border: none;
transition-duration: 135ms;
transition-duration: 150ms;
text-align: center;
}
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: #FFFFFF;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-folder-popup {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(0, 0, 0, 0.38);
transition-duration: 135ms;
transition-duration: 150ms;
padding-left: 16px;
padding-right: 16px;
min-height: 32px;
*/
/* GLOBALS */
* {
transition-duration: 135ms;
transition-duration: 150ms;
}
stage {
.popup-menu .popup-menu-item {
spacing: 8px;
transition-duration: 90ms;
transition-duration: 100ms;
}
.popup-menu .popup-menu-item:ltr {
.popup-menu .popup-menu-item:active {
background-color: rgba(0, 0, 0, 0.26);
color: rgba(0, 0, 0, 0.87);
transition-duration: 135ms;
transition-duration: 150ms;
}
.popup-menu .popup-menu-item.selected:active {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(255, 255, 255, 0.7);
transition-duration: 135ms;
transition-duration: 150ms;
}
#panel .panel-button .app-menu-icon {
.list-search-result:active,
.list-search-result:checked {
background-color: rgba(255, 255, 255, 0.3);
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app:hover .overview-icon,
.grid-search-result:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 transparent;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app-running-dot {
border-radius: 2px;
padding: 6px;
border: none;
transition-duration: 135ms;
transition-duration: 150ms;
text-align: center;
}
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: #FFFFFF;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-folder-popup {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(0, 0, 0, 0.38);
transition-duration: 135ms;
transition-duration: 150ms;
padding-left: 16px;
padding-right: 16px;
min-height: 36px;
*/
/* GLOBALS */
* {
transition-duration: 135ms;
transition-duration: 150ms;
}
stage {
.popup-menu .popup-menu-item {
spacing: 8px;
transition-duration: 90ms;
transition-duration: 100ms;
}
.popup-menu .popup-menu-item:ltr {
.popup-menu .popup-menu-item:active {
background-color: rgba(0, 0, 0, 0.26);
color: rgba(0, 0, 0, 0.87);
transition-duration: 135ms;
transition-duration: 150ms;
}
.popup-menu .popup-menu-item.selected:active {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(255, 255, 255, 0.7);
transition-duration: 135ms;
transition-duration: 150ms;
}
#panel .panel-button .app-menu-icon {
.list-search-result:active,
.list-search-result:checked {
background-color: rgba(255, 255, 255, 0.3);
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app:hover .overview-icon,
.grid-search-result:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 transparent;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app-running-dot {
border-radius: 2px;
padding: 6px;
border: none;
transition-duration: 135ms;
transition-duration: 150ms;
text-align: center;
}
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: #FFFFFF;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-folder-popup {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(0, 0, 0, 0.38);
transition-duration: 135ms;
transition-duration: 150ms;
padding-left: 16px;
padding-right: 16px;
min-height: 36px;
$circular_radius: 9999px;
// durations
$shorter_duration: 180ms / 2;
$longer_duration: 270ms / 2;
$ripple_duration: 450ms / 2;
$shorter_duration: 200ms / 2;
$longer_duration: 300ms / 2;
$ripple_duration: 500ms / 2;
// timing functions
$standard_curve: cubic-bezier(0.4, 0.0, 0.2, 1);
*/
/* GLOBALS */
* {
transition-duration: 135ms;
transition-duration: 150ms;
}
stage {
.popup-menu .popup-menu-item {
spacing: 8px;
transition-duration: 90ms;
transition-duration: 100ms;
}
.popup-menu .popup-menu-item:ltr {
.popup-menu .popup-menu-item:active {
background-color: rgba(0, 0, 0, 0.26);
color: rgba(0, 0, 0, 0.87);
transition-duration: 135ms;
transition-duration: 150ms;
}
.popup-menu .popup-menu-item.selected:active {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(255, 255, 255, 0.7);
transition-duration: 135ms;
transition-duration: 150ms;
}
#panel .panel-button .app-menu-icon {
.list-search-result:active,
.list-search-result:checked {
background-color: rgba(255, 255, 255, 0.3);
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app:hover .overview-icon,
.grid-search-result:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 transparent;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app-running-dot {
border-radius: 2px;
padding: 6px;
border: none;
transition-duration: 135ms;
transition-duration: 150ms;
text-align: center;
}
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: #FFFFFF;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-folder-popup {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(0, 0, 0, 0.38);
transition-duration: 135ms;
transition-duration: 150ms;
padding-left: 16px;
padding-right: 16px;
min-height: 32px;
*/
/* GLOBALS */
* {
transition-duration: 135ms;
transition-duration: 150ms;
}
stage {
.popup-menu .popup-menu-item {
spacing: 8px;
transition-duration: 90ms;
transition-duration: 100ms;
}
.popup-menu .popup-menu-item:ltr {
.popup-menu .popup-menu-item:active {
background-color: rgba(255, 255, 255, 0.3);
color: #FFFFFF;
transition-duration: 135ms;
transition-duration: 150ms;
}
.popup-menu .popup-menu-item.selected:active {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(255, 255, 255, 0.7);
transition-duration: 135ms;
transition-duration: 150ms;
}
#panel .panel-button .app-menu-icon {
.list-search-result:active,
.list-search-result:checked {
background-color: rgba(255, 255, 255, 0.3);
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app:hover .overview-icon,
.grid-search-result:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 transparent;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app-running-dot {
border-radius: 2px;
padding: 6px;
border: none;
transition-duration: 135ms;
transition-duration: 150ms;
text-align: center;
}
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: #FFFFFF;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-folder-popup {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(255, 255, 255, 0.5);
transition-duration: 135ms;
transition-duration: 150ms;
padding-left: 16px;
padding-right: 16px;
min-height: 32px;
*/
/* GLOBALS */
* {
transition-duration: 135ms;
transition-duration: 150ms;
}
stage {
.popup-menu .popup-menu-item {
spacing: 8px;
transition-duration: 90ms;
transition-duration: 100ms;
}
.popup-menu .popup-menu-item:ltr {
.popup-menu .popup-menu-item:active {
background-color: rgba(255, 255, 255, 0.3);
color: #FFFFFF;
transition-duration: 135ms;
transition-duration: 150ms;
}
.popup-menu .popup-menu-item.selected:active {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(255, 255, 255, 0.7);
transition-duration: 135ms;
transition-duration: 150ms;
}
#panel .panel-button .app-menu-icon {
.list-search-result:active,
.list-search-result:checked {
background-color: rgba(255, 255, 255, 0.3);
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app:hover .overview-icon,
.grid-search-result:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 transparent;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app-running-dot {
border-radius: 2px;
padding: 6px;
border: none;
transition-duration: 135ms;
transition-duration: 150ms;
text-align: center;
}
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: #FFFFFF;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-folder-popup {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(255, 255, 255, 0.5);
transition-duration: 135ms;
transition-duration: 150ms;
padding-left: 16px;
padding-right: 16px;
min-height: 36px;
*/
/* GLOBALS */
* {
transition-duration: 135ms;
transition-duration: 150ms;
}
stage {
.popup-menu .popup-menu-item {
spacing: 8px;
transition-duration: 90ms;
transition-duration: 100ms;
}
.popup-menu .popup-menu-item:ltr {
.popup-menu .popup-menu-item:active {
background-color: rgba(0, 0, 0, 0.26);
color: rgba(0, 0, 0, 0.87);
transition-duration: 135ms;
transition-duration: 150ms;
}
.popup-menu .popup-menu-item.selected:active {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(255, 255, 255, 0.7);
transition-duration: 135ms;
transition-duration: 150ms;
}
#panel .panel-button .app-menu-icon {
.list-search-result:active,
.list-search-result:checked {
background-color: rgba(255, 255, 255, 0.3);
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app:hover .overview-icon,
.grid-search-result:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 transparent;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app-running-dot {
border-radius: 2px;
padding: 6px;
border: none;
transition-duration: 135ms;
transition-duration: 150ms;
text-align: center;
}
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: #FFFFFF;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-folder-popup {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(0, 0, 0, 0.38);
transition-duration: 135ms;
transition-duration: 150ms;
padding-left: 16px;
padding-right: 16px;
min-height: 32px;
*/
/* GLOBALS */
* {
transition-duration: 135ms;
transition-duration: 150ms;
}
stage {
.popup-menu .popup-menu-item {
spacing: 8px;
transition-duration: 90ms;
transition-duration: 100ms;
}
.popup-menu .popup-menu-item:ltr {
.popup-menu .popup-menu-item:active {
background-color: rgba(0, 0, 0, 0.26);
color: rgba(0, 0, 0, 0.87);
transition-duration: 135ms;
transition-duration: 150ms;
}
.popup-menu .popup-menu-item.selected:active {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(255, 255, 255, 0.7);
transition-duration: 135ms;
transition-duration: 150ms;
}
#panel .panel-button .app-menu-icon {
.list-search-result:active,
.list-search-result:checked {
background-color: rgba(255, 255, 255, 0.3);
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app:hover .overview-icon,
.grid-search-result:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 transparent;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app-running-dot {
border-radius: 2px;
padding: 6px;
border: none;
transition-duration: 135ms;
transition-duration: 150ms;
text-align: center;
}
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: #FFFFFF;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-folder-popup {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(0, 0, 0, 0.38);
transition-duration: 135ms;
transition-duration: 150ms;
padding-left: 16px;
padding-right: 16px;
min-height: 36px;
*/
/* GLOBALS */
* {
transition-duration: 135ms;
transition-duration: 150ms;
}
stage {
.popup-menu .popup-menu-item {
spacing: 8px;
transition-duration: 90ms;
transition-duration: 100ms;
}
.popup-menu .popup-menu-item:ltr {
.popup-menu .popup-menu-item:active {
background-color: rgba(0, 0, 0, 0.26);
color: rgba(0, 0, 0, 0.87);
transition-duration: 135ms;
transition-duration: 150ms;
}
.popup-menu .popup-menu-item.selected:active {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(255, 255, 255, 0.7);
transition-duration: 135ms;
transition-duration: 150ms;
}
#panel .panel-button .app-menu-icon {
.list-search-result:active,
.list-search-result:checked {
background-color: rgba(255, 255, 255, 0.3);
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app:hover .overview-icon,
.grid-search-result:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 transparent;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-well-app-running-dot {
border-radius: 2px;
padding: 6px;
border: none;
transition-duration: 135ms;
transition-duration: 150ms;
text-align: center;
}
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: #FFFFFF;
transition-duration: 135ms;
transition-duration: 150ms;
}
.app-folder-popup {
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(0, 0, 0, 0.38);
transition-duration: 135ms;
transition-duration: 150ms;
padding-left: 16px;
padding-right: 16px;
min-height: 36px;