Commit bfdf5027 authored by Dão Gottwald's avatar Dão Gottwald
Browse files

Bug 1749717 - Let the profiler popup use more shared colors and relative font... 

Bug 1749717 - Let the profiler popup use more shared colors and relative font sizes instead of hardcoded ones. r=Itiel

Differential Revision: https://phabricator.services.mozilla.com/D135699
parent 9706eeb9

browser/base/content/appmenu-viewcache.inc.xhtml

+2 −2
Original line number Diff line number Diff line
@@ -274,7 +274,7 @@ 
            <description class="PanelUI-profiler-description" data-l10n-id="profiler-popup-description" />

            <hbox>

              <button id="PanelUI-profiler-learn-more"

                      class="PanelUI-profiler-button-link"

                      class="PanelUI-profiler-button-link text-link"

                      tabindex="-1"

                      data-l10n-id="profiler-popup-learn-more-button" />

            </hbox>
@@ -302,7 +302,7 @@ 
          <description id="PanelUI-profiler-content-description" />

          <hbox>

            <button id="PanelUI-profiler-content-edit-settings"

                    class="PanelUI-profiler-button-link"

                    class="PanelUI-profiler-button-link text-link"

                    data-l10n-id="profiler-popup-edit-settings-button">

            </button>

          </hbox>

browser/themes/shared/customizableui/panelUI.inc.css

+21 −47
Original line number Diff line number Diff line
@@ -1968,9 +1968,7 @@ panelview:not([mainview]) #PanelUI-whatsNew-title { 
.PanelUI-profiler-button-link {

  appearance: none;

  font-size: inherit;

  cursor: pointer;

  min-width: 0;

  text-decoration: underline;

}



.PanelUI-profiler-button-link .button-text {
@@ -2057,7 +2055,7 @@ panelview:not([mainview]) #PanelUI-whatsNew-title { 
}



.PanelUI-profiler-description-title {

  font-size: 16px;

  font-size: 1.3em;

  font-weight: bold;

  margin: 6px 15px;

}
@@ -2071,54 +2069,34 @@ panelview:not([mainview]) #PanelUI-whatsNew-title { 
  color: #fff;

}



#PanelUI-profiler-learn-more:active {

#PanelUI-profiler-learn-more:hover:active {

  color: #fffc;

}



#PanelUI-profiler-learn-more:focus {

  box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(255, 255, 255, 0.3);

  border-radius: 2px;

  text-decoration: none;

}



#PanelUI-profiler-presets {

  margin: 8px 15px;

}



#PanelUI-profiler-content-edit-settings {

  margin: 0 15px;

  color: #0046A4;

  text-decoration: none;

  font-size: 12px;

}



:root[lwt-popup-brighttext] #PanelUI-profiler-content-edit-settings {

  color: #76B1FF;

}



#PanelUI-profiler-content-edit-settings:hover,

#PanelUI-profiler-content-edit-settings:active,

#PanelUI-profiler-content-edit-settings:focus {

  text-decoration: underline;

  font-size: .9em;

}



.PanelUI-profiler-content-label {

  font-weight: bold;

  font-size: 13px;

  margin-inline: 15px;

  margin-block-start: 10px;

}



#PanelUI-profiler-content-description {

  margin: 4px 15px;

  font-size: 12px;

  font-size: .9em;

  color: var(--panel-description-color);

}



#PanelUI-profiler-content-recording {

  padding-block: 28px;

  padding-inline: 16px;

  font-size: 16px;

  padding: 28px 16px;

  font-size: 1.3em;

}



.PanelUI-profiler-recording-icon {
@@ -2130,46 +2108,42 @@ panelview:not([mainview]) #PanelUI-whatsNew-title { 
}



.PanelUI-profiler-recording-label {

  margin-block: 9px;

  margin-inline: 13px;

  margin: 9px 13px;

}



.PanelUI-profiler-button {

  appearance: none;

  background-color: #e0e0e1;

  border-radius: 2px;

  color: #000;

  background-color: var(--button-bgcolor);

  border-radius: 4px;

  color: var(--button-color);

  padding: 8px;

  margin: 0 5px;

  font-size: 13px;

}



.PanelUI-profiler-button:hover {

  background-color: #c9c9ca;

  background-color: var(--button-hover-bgcolor);

}



.PanelUI-profiler-button:active {

  background-color: #b1b1b1;

.PanelUI-profiler-button:hover:active {

  background-color: var(--button-active-bgcolor);

}



.PanelUI-profiler-button:focus {

  box-shadow:

    0 0 0 1px #0a84ff inset,

    0 0 0 1px #0a84ff,

    0 0 0 4px rgba(10, 132, 255, 0.3);

.PanelUI-profiler-button:focus-visible {

  outline: var(--focus-outline);

  outline-offset: var(--focus-outline-offset);

}



.PanelUI-profiler-button-primary {

  background-color: #0060DF;

  color: #fff;

  background-color: var(--button-primary-bgcolor);

  color: var(--button-primary-color);

}



.PanelUI-profiler-button-primary:hover {

  background-color: #003eaa;

  background-color: var(--button-primary-hover-bgcolor);

}



.PanelUI-profiler-button-primary:active:hover {

  background-color: #002275;

.PanelUI-profiler-button-primary:hover:active {

  background-color: var(--button-primary-active-bgcolor);

}



.PanelUI-profiler-shortcut {