Fixed gnom-shell calendar popover menu issues

pull/30/head
vinceliuice 6 years ago
parent 9239de63b1
commit d612b32814

@ -995,20 +995,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.popup-separator-menu-item {
background: none;
border: none;
padding: 0;
margin: 0;
padding: 0 0;
margin: 0 0;
}
.popup-separator-menu-item .popup-separator-menu-item-separator {
background: none;
padding: 0;
margin: 0;
padding: 0 0;
margin: 0 0;
}
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
background: none;
padding: 0;
margin: 0;
padding: 0 0;
margin: 0 0;
}
.system-switch-user-submenu-icon.user-icon {
@ -1468,8 +1468,17 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
background-color: rgba(222, 222, 222, 0.15);
}
.clock-display-box {
spacing: 4px;
}
.clock-display-box .clock {
padding-left: 6px;
padding-right: 6px;
}
#calendarArea {
padding: 8px 16px;
padding: 8px 6px;
}
.calendar {
@ -1477,6 +1486,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
border: none;
box-shadow: none;
background: none;
padding: 0;
}
.calendar,
@ -1486,10 +1496,6 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
margin: 0 8px;
}
.datemenu-calendar-column {
spacing: 8px;
}
.datemenu-displays-section {
padding-bottom: 0;
}
@ -1499,7 +1505,9 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
}
.datemenu-calendar-column {
spacing: 8px;
border: 0 solid rgba(0, 0, 0, 0.12);
padding: 0 0;
}
.datemenu-calendar-column:ltr {
@ -1513,6 +1521,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
.datemenu-today-button,
.world-clocks-button,
.weather-button,
.message-list-section-title,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
@ -1520,6 +1529,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
border: none;
box-shadow: none;
background: none;
text-shadow: none;
color: rgba(0, 0, 0, 0.54);
}
@ -1528,6 +1538,8 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
.world-clocks-button:focus,
.weather-button:hover,
.weather-button:focus,
.message-list-section-title:hover,
.message-list-section-title:focus,
.events-section-title:hover,
.events-section-title:focus {
color: rgba(0, 0, 0, 0.87);
@ -1537,6 +1549,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
.datemenu-today-button:active,
.world-clocks-button:active,
.weather-button:active,
.message-list-section-title:active,
.events-section-title:active {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.2);
@ -1546,34 +1559,11 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
min-height: 48px;
}
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.datemenu-today-button .date-label {
font-size: 18pt;
font-weight: 400;
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: rgba(0, 0, 0, 0.54);
font-weight: bold;
}
.world-clocks-grid {
spacing-rows: 0.4em;
}
.weather-box {
spacing: 0.4em;
}
.calendar-month-label {
height: 20px;
margin: 2px;
@ -1629,10 +1619,12 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
text-align: center;
width: 28px;
height: 28px;
padding: 0;
padding: 0 0;
margin: 2px;
border-radius: 100px;
border-radius: 1000px;
color: rgba(0, 0, 0, 0.54);
border: none;
font-feature-settings: "tnum";
}
.calendar-day-base:hover, .calendar-day-base:focus {
@ -1710,6 +1702,11 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
background-image: none;
}
.calendar-day-with-events.calendar-work-day {
color: rgba(0, 0, 0, 0.38);
font-weight: bold;
}
.calendar-other-month-day {
color: rgba(0, 0, 0, 0.26);
opacity: 0.5;
@ -1728,6 +1725,74 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
text-align: center;
}
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: rgba(0, 0, 0, 0.54);
font-weight: bold;
}
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: rgba(0, 0, 0, 0.38);
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: rgba(0, 0, 0, 0.38);
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: rgba(0, 0, 0, 0.38);
font-feature-settings: "tnum";
font-size: 0.9em;
}
.weather-box {
spacing: 0.4em;
}
.weather-header.location {
font-weight: normal;
color: rgba(0, 0, 0, 0.42);
}
.weather-forecast-icon {
icon-size: 2.18em;
color: rgba(0, 0, 0, 0.52);
}
.weather-forecast-time {
color: rgba(0, 0, 0, 0.38);
font-size: 0.8em;
font-feature-settings: "tnum";
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-forecast-temp {
font-weight: bold;
color: rgba(0, 0, 0, 0.52);
text-shadow: none;
}
/* Message list */
.message-list {
width: 31.5em;
@ -1771,6 +1836,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
border: none;
border-radius: 12px;
color: rgba(0, 0, 0, 0.54);
text-shadow: none;
}
.message:hover, .message:focus {

@ -995,20 +995,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.popup-separator-menu-item {
background: none;
border: none;
padding: 0;
margin: 0;
padding: 0 0;
margin: 0 0;
}
.popup-separator-menu-item .popup-separator-menu-item-separator {
background: none;
padding: 0;
margin: 0;
padding: 0 0;
margin: 0 0;
}
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
background: none;
padding: 0;
margin: 0;
padding: 0 0;
margin: 0 0;
}
.system-switch-user-submenu-icon.user-icon {
@ -1468,8 +1468,17 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
background-color: rgba(222, 222, 222, 0.15);
}
.clock-display-box {
spacing: 4px;
}
.clock-display-box .clock {
padding-left: 6px;
padding-right: 6px;
}
#calendarArea {
padding: 8px 16px;
padding: 8px 6px;
}
.calendar {
@ -1477,6 +1486,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
border: none;
box-shadow: none;
background: none;
padding: 0;
}
.calendar,
@ -1486,10 +1496,6 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
margin: 0 8px;
}
.datemenu-calendar-column {
spacing: 8px;
}
.datemenu-displays-section {
padding-bottom: 0;
}
@ -1499,7 +1505,9 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
}
.datemenu-calendar-column {
spacing: 8px;
border: 0 solid rgba(255, 255, 255, 0.12);
padding: 0 0;
}
.datemenu-calendar-column:ltr {
@ -1513,6 +1521,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
.datemenu-today-button,
.world-clocks-button,
.weather-button,
.message-list-section-title,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
@ -1520,6 +1529,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
border: none;
box-shadow: none;
background: none;
text-shadow: none;
color: rgba(255, 255, 255, 0.7);
}
@ -1528,6 +1538,8 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
.world-clocks-button:focus,
.weather-button:hover,
.weather-button:focus,
.message-list-section-title:hover,
.message-list-section-title:focus,
.events-section-title:hover,
.events-section-title:focus {
color: rgba(255, 255, 255, 0.9);
@ -1537,6 +1549,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
.datemenu-today-button:active,
.world-clocks-button:active,
.weather-button:active,
.message-list-section-title:active,
.events-section-title:active {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.1);
@ -1546,34 +1559,11 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
min-height: 48px;
}
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.datemenu-today-button .date-label {
font-size: 18pt;
font-weight: 400;
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: rgba(255, 255, 255, 0.7);
font-weight: bold;
}
.world-clocks-grid {
spacing-rows: 0.4em;
}
.weather-box {
spacing: 0.4em;
}
.calendar-month-label {
height: 20px;
margin: 2px;
@ -1629,10 +1619,12 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
text-align: center;
width: 28px;
height: 28px;
padding: 0;
padding: 0 0;
margin: 2px;
border-radius: 100px;
border-radius: 1000px;
color: rgba(255, 255, 255, 0.7);
border: none;
font-feature-settings: "tnum";
}
.calendar-day-base:hover, .calendar-day-base:focus {
@ -1710,6 +1702,11 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
background-image: none;
}
.calendar-day-with-events.calendar-work-day {
color: rgba(255, 255, 255, 0.5);
font-weight: bold;
}
.calendar-other-month-day {
color: rgba(255, 255, 255, 0.3);
opacity: 0.5;
@ -1728,6 +1725,74 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
text-align: center;
}
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: rgba(255, 255, 255, 0.7);
font-weight: bold;
}
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: rgba(255, 255, 255, 0.5);
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: rgba(255, 255, 255, 0.5);
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: rgba(255, 255, 255, 0.5);
font-feature-settings: "tnum";
font-size: 0.9em;
}
.weather-box {
spacing: 0.4em;
}
.weather-header.location {
font-weight: normal;
color: rgba(255, 255, 255, 0.45);
}
.weather-forecast-icon {
icon-size: 2.18em;
color: rgba(255, 255, 255, 0.55);
}
.weather-forecast-time {
color: rgba(255, 255, 255, 0.5);
font-size: 0.8em;
font-feature-settings: "tnum";
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-forecast-temp {
font-weight: bold;
color: rgba(255, 255, 255, 0.55);
text-shadow: none;
}
/* Message list */
.message-list {
width: 31.5em;
@ -1771,6 +1836,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
border: none;
border-radius: 12px;
color: rgba(255, 255, 255, 0.7);
text-shadow: none;
}
.message:hover, .message:focus {

@ -995,20 +995,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.popup-separator-menu-item {
background: none;
border: none;
padding: 0;
margin: 0;
padding: 0 0;
margin: 0 0;
}
.popup-separator-menu-item .popup-separator-menu-item-separator {
background: none;
padding: 0;
margin: 0;
padding: 0 0;
margin: 0 0;
}
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
background: none;
padding: 0;
margin: 0;
padding: 0 0;
margin: 0 0;
}
.system-switch-user-submenu-icon.user-icon {
@ -1468,8 +1468,17 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
background-color: rgba(222, 222, 222, 0.15);
}
.clock-display-box {
spacing: 4px;
}
.clock-display-box .clock {
padding-left: 6px;
padding-right: 6px;
}
#calendarArea {
padding: 8px 16px;
padding: 8px 6px;
}
.calendar {
@ -1477,6 +1486,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
border: none;
box-shadow: none;
background: none;
padding: 0;
}
.calendar,
@ -1486,10 +1496,6 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
margin: 0 8px;
}
.datemenu-calendar-column {
spacing: 8px;
}
.datemenu-displays-section {
padding-bottom: 0;
}
@ -1499,7 +1505,9 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
}
.datemenu-calendar-column {
spacing: 8px;
border: 0 solid rgba(255, 255, 255, 0.12);
padding: 0 0;
}
.datemenu-calendar-column:ltr {
@ -1513,6 +1521,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
.datemenu-today-button,
.world-clocks-button,
.weather-button,
.message-list-section-title,
.events-section-title {
min-height: 24px;
padding: 4px 8px;
@ -1520,6 +1529,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
border: none;
box-shadow: none;
background: none;
text-shadow: none;
color: rgba(255, 255, 255, 0.7);
}
@ -1528,6 +1538,8 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
.world-clocks-button:focus,
.weather-button:hover,
.weather-button:focus,
.message-list-section-title:hover,
.message-list-section-title:focus,
.events-section-title:hover,
.events-section-title:focus {
color: rgba(255, 255, 255, 0.9);
@ -1537,6 +1549,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
.datemenu-today-button:active,
.world-clocks-button:active,
.weather-button:active,
.message-list-section-title:active,
.events-section-title:active {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.1);
@ -1546,34 +1559,11 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
min-height: 56px;
}
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.datemenu-today-button .date-label {
font-size: 18pt;
font-weight: 400;
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: rgba(255, 255, 255, 0.7);
font-weight: bold;
}
.world-clocks-grid {
spacing-rows: 0.4em;
}
.weather-box {
spacing: 0.4em;
}
.calendar-month-label {
height: 24px;
margin: 2px;
@ -1629,10 +1619,12 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
text-align: center;
width: 32px;
height: 32px;
padding: 0;
padding: 0 0;
margin: 2px;
border-radius: 100px;
border-radius: 1000px;
color: rgba(255, 255, 255, 0.7);
border: none;
font-feature-settings: "tnum";
}
.calendar-day-base:hover, .calendar-day-base:focus {
@ -1710,6 +1702,11 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
background-image: none;
}
.calendar-day-with-events.calendar-work-day {
color: rgba(255, 255, 255, 0.5);
font-weight: bold;
}
.calendar-other-month-day {
color: rgba(255, 255, 255, 0.3);
opacity: 0.5;
@ -1728,6 +1725,74 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
text-align: center;
}
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: rgba(255, 255, 255, 0.7);
font-weight: bold;
}
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: rgba(255, 255, 255, 0.5);
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: rgba(255, 255, 255, 0.5);
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: rgba(255, 255, 255, 0.5);
font-feature-settings: "tnum";
font-size: 0.9em;
}
.weather-box {
spacing: 0.4em;
}
.weather-header.location {
font-weight: normal;
color: rgba(255, 255, 255, 0.45);
}
.weather-forecast-icon {
icon-size: 2.18em;
color: rgba(255, 255, 255, 0.55);
}
.weather-forecast-time {
color: rgba(255, 255, 255, 0.5);
font-size: 0.8em;
font-feature-settings: "tnum";
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-forecast-temp {
font-weight: bold;
color: rgba(255, 255, 255, 0.55);
text-shadow: none;
}
/* Message list */
.message-list {
width: 31.5em;
@ -1771,6 +1836,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
border: none;
border-radius: 12px;
color: rgba(255, 255, 255, 0.7);
text-shadow: none;
}
.message:hover, .message:focus {

@ -995,20 +995,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.popup-separator-menu-item {
background: none;
border: none;
padding: 0;
margin: 0;
padding: 0 0;
margin: 0 0;
}
.popup-separator-menu-item .popup-separator-menu-item-separator {
background: none;
padding: 0;
margin: 0;
padding: 0 0;
margin: 0 0;
}
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
background: none;
padding: 0;
margin: 0;
padding: 0 0;
margin: 0 0;
}
.system-switch-user-submenu-icon.user-icon {
@ -1468,8 +1468,17 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
background-color: rgba(222, 222, 222, 0.15);
}
.clock-display-box {
spacing: 4px;
}
.clock-display-box .clock {
padding-left: 6px;
padding-right: 6px;
}
#calendarArea {
padding: 8px 16px;
padding: 8px 6px;
}
.calendar {
@ -1477,6 +1486,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
border: none;
box-shadow: none;
background: none;
padding: 0;
}
.calendar,
@ -1486,10 +1496,6 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
margin: 0 8px;
}
.datemenu-calendar-column {
spacing: 8px;
}
.datemenu-displays-section {
padding-bottom: 0;
}
@ -1499,7 +1505,9 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
}
.datemenu-calendar-column {
spacing: 8px;
border: 0 solid rgba(0, 0, 0, 0.12);
padding: 0 0;
}
.datemenu-calendar-column:ltr {
@ -1513,6 +1521,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
.datemenu-today-button,
.world-clocks-button,
.weather-button,
.message-list-section-title,
.events-section-title {
min-height: 24px;
padding: 4px 8px;
@ -1520,6 +1529,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
border: none;
box-shadow: none;
background: none;
text-shadow: none;
color: rgba(0, 0, 0, 0.54);
}
@ -1528,6 +1538,8 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
.world-clocks-button:focus,
.weather-button:hover,
.weather-button:focus,
.message-list-section-title:hover,
.message-list-section-title:focus,
.events-section-title:hover,
.events-section-title:focus {
color: rgba(0, 0, 0, 0.87);
@ -1537,6 +1549,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
.datemenu-today-button:active,
.world-clocks-button:active,
.weather-button:active,
.message-list-section-title:active,
.events-section-title:active {
color: rgba(0, 0, 0, 0.87);
background-color: rgba(0, 0, 0, 0.2);
@ -1546,34 +1559,11 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
min-height: 56px;
}
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.datemenu-today-button .date-label {
font-size: 18pt;
font-weight: 400;
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: rgba(0, 0, 0, 0.54);
font-weight: bold;
}
.world-clocks-grid {
spacing-rows: 0.4em;
}
.weather-box {
spacing: 0.4em;
}
.calendar-month-label {
height: 24px;
margin: 2px;
@ -1629,10 +1619,12 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
text-align: center;
width: 32px;
height: 32px;
padding: 0;
padding: 0 0;
margin: 2px;
border-radius: 100px;
border-radius: 1000px;
color: rgba(0, 0, 0, 0.54);
border: none;
font-feature-settings: "tnum";
}
.calendar-day-base:hover, .calendar-day-base:focus {
@ -1710,6 +1702,11 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
background-image: none;
}
.calendar-day-with-events.calendar-work-day {
color: rgba(0, 0, 0, 0.38);
font-weight: bold;
}
.calendar-other-month-day {
color: rgba(0, 0, 0, 0.26);
opacity: 0.5;
@ -1728,6 +1725,74 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
text-align: center;
}
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: rgba(0, 0, 0, 0.54);
font-weight: bold;
}
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: rgba(0, 0, 0, 0.38);
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: rgba(0, 0, 0, 0.38);
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: rgba(0, 0, 0, 0.38);
font-feature-settings: "tnum";
font-size: 0.9em;
}
.weather-box {
spacing: 0.4em;
}
.weather-header.location {
font-weight: normal;
color: rgba(0, 0, 0, 0.42);
}
.weather-forecast-icon {
icon-size: 2.18em;
color: rgba(0, 0, 0, 0.52);
}
.weather-forecast-time {
color: rgba(0, 0, 0, 0.38);
font-size: 0.8em;
font-feature-settings: "tnum";
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-forecast-temp {
font-weight: bold;
color: rgba(0, 0, 0, 0.52);
text-shadow: none;
}
/* Message list */
.message-list {
width: 31.5em;
@ -1771,6 +1836,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
border: none;
border-radius: 12px;
color: rgba(0, 0, 0, 0.54);
text-shadow: none;
}
.message:hover, .message:focus {

@ -702,8 +702,8 @@ $mdbt_radius: 100px;
transition-duration: $shorter_duration;
border-radius: 100px;
&:ltr { padding-right:1.5em; padding-left: 0; }
&:rtl { padding-right: 0; padding-left:1.5em; }
&:ltr { padding-right: 1.5em; padding-left: 0; }
&:rtl { padding-right: 0; padding-left: 1.5em; }
&:checked {
background-color: if($variant == 'light', rgba(black, 0.15), #eaeaea);
@ -806,18 +806,18 @@ $mdbt_radius: 100px;
.popup-separator-menu-item {
background: none;
border: none;
padding: 0;
margin: 0;
padding: 0 0;
margin: 0 0;
.popup-separator-menu-item-separator {
background: none;
padding: 0;
margin: 0;
padding: 0 0;
margin: 0 0;
.popup-sub-menu & { //submenu separators
background: none;
padding: 0;
margin: 0;
padding: 0 0;
margin: 0 0;
}
}
}
@ -1247,8 +1247,17 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
}
// calendar popover
.clock-display-box {
spacing: 4px;
.clock {
padding-left: 6px;
padding-right: 6px;
}
}
#calendarArea {
padding: 8px 16px;
padding: 8px 6px;
}
.calendar {
@ -1256,6 +1265,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
border: none;
box-shadow: none;
background: none;
padding: 0;
}
.calendar,
@ -1265,12 +1275,14 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
margin: 0 8px;
}
.datemenu-calendar-column { spacing: 8px; }
.datemenu-displays-section { padding-bottom: 0; }
.datemenu-displays-box { spacing: 8px; }
.datemenu-calendar-column {
spacing: 8px;
border: 0 solid $border_color;
padding: 0 0;
&:ltr { border-left-width: 0; }
&:rtl { border-right-width: 0; }
}
@ -1278,6 +1290,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
.datemenu-today-button,
.world-clocks-button,
.weather-button,
.message-list-section-title,
.events-section-title {
min-height: $menuitem_size - 4px * 2;
padding: 4px 8px;
@ -1285,6 +1298,7 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
border: none;
box-shadow: none;
background: none;
text-shadow: none;
color: $secondary_fg_color;
&:hover,&:focus { color: $fg_color; background-color: $divider_color; }
@ -1296,36 +1310,10 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
.datemenu-today-button {
min-height: $menuitem_size * 2 - 4px * 2;
}
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.datemenu-today-button .day-label {
}
.datemenu-today-button .date-label {
@include font(headline);
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: $secondary_fg_color;
font-weight: bold;
}
.world-clocks-grid {
spacing-rows: 0.4em;
}
.weather-box {
spacing: 0.4em;
.date-label {
@include font(headline);
}
}
.calendar-month-label {
@ -1364,11 +1352,14 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
.calendar-day-base {
@include font(caption);
text-align: center;
width: $menuitem_size; height: $menuitem_size;
padding: 0;
width: $menuitem_size;
height: $menuitem_size;
padding: 0 0;
margin: 2px;
border-radius: 100px;
border-radius: 1000px;
color: $secondary_fg_color;
border: none;
font-feature-settings: "tnum";
&:hover,&:focus { background-color: $divider_color; }
&:active {
color: inherit;
@ -1392,15 +1383,18 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
text-align: center;
}
}
.calendar-day { //border collapse hack - see calendar.js
border-width: 0;
}
.calendar-day-top { border-top-width: 0; }
.calendar-day-left { border-left-width: 0; }
.calendar-work-day { }
// .calendar-work-day { }
.calendar-nonwork-day {
color: $fg_color;
}
.calendar-today {
font-weight: bold !important;
color: white;
@ -1422,18 +1416,27 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
}
}
}
.calendar-day-with-events {
color: $link_color;
font-weight: normal;
text-decoration: underline;
background-image: none;
&.calendar-work-day {
color: $hint_fg_color;
font-weight: bold;
}
}
.calendar-other-month-day {
color: $disabled_secondary_fg_color;
opacity: 0.5;
}
.calendar-week-number {
width: $menuitem_size; height: $menuitem_size - 7px;
width: $menuitem_size;
height: $menuitem_size - 7px;
margin: 2px;
padding: 7px 0 0;
border-radius: 100px;
@ -1444,6 +1447,74 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
text-align: center;
}
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: $secondary_fg_color;
font-weight: bold;
}
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: $hint_fg_color;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: $hint_fg_color;
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: $hint_fg_color;
font-feature-settings: "tnum";
font-size: 0.9em;
}
.weather-box {
spacing: 0.4em;
}
.weather-header.location {
font-weight: normal;
color: transparentize($fg_color, 0.45);
}
.weather-forecast-icon {
icon-size: 2.18em;
color: transparentize($fg_color, 0.35);
}
.weather-forecast-time {
color: $hint_fg_color;
font-size: 0.8em;
font-feature-settings: "tnum";
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-forecast-temp {
font-weight: bold;
color: transparentize($fg_color, 0.35);
text-shadow: none;
}
/* Message list */
.message-list {
width: 31.5em;
@ -1481,6 +1552,8 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
border: none;
border-radius: $bt_radius;
color: $secondary_fg_color;
text-shadow: none;
&:hover,&:focus { background-color: $divider_color; }
&:active { background-color: $track_color; }
}
@ -1529,22 +1602,6 @@ Gjs_ArcMenu_ApplicationsButton.panel-button {
font-size: 1em;
}
// .message-content * > StIcon {
// color: $secondary_fg_color;
// }
//
// /* FIXME: how do you do this in sass? */
// .message-content *:hover > StIcon,
// .message-content *:focus > StIcon {
// color: $fg_color;
// background-color: $divider_color;
// }
//
// .message-content *:active > StIcon {
// color: $fg_color;
// background-color: $track_color;
// }
// close button
.message-close-button {
color: $secondary_fg_color;

Loading…
Cancel
Save