Issue #517 Part 5b: Remove configuration styles + leftovers.

This commit is contained in:
wolfbeast 2018-06-21 02:26:34 +02:00 committed by Roy Tam
commit 1c82f061e3
2 changed files with 0 additions and 211 deletions

View file

@ -42,19 +42,6 @@ input[type=button] {
pointer-events: none;
}
/* CUSTOMIZE */
#newtab-customize-button {
position: absolute;
top: 10px;
right: 20px;
z-index: 101;
}
#newtab-customize-button:dir(rtl) {
left: 20px;
right: auto;
}
/* MARGINS */
#newtab-vertical-margin {
display: -moz-box;
@ -434,199 +421,6 @@ input[type=button] {
transition-duration: 0ms;
}
/* CUSTOMIZE */
#newtab-customize-overlay {
opacity: 0;
display: none;
width: 100%;
height: 100%;
background: #F9F9F9;
z-index: 100;
position: fixed;
transition: opacity .07s linear;
}
.newtab-customize-panel-container {
position: absolute;
margin-right: 40px;
right: 0;
}
.newtab-customize-panel-container:dir(rtl) {
right: auto;
left: 0;
}
#newtab-customize-panel {
z-index: 999;
margin-top: 55px;
min-width: 270px;
position: absolute;
top: 100%;
right: -25px;
filter: drop-shadow(0 0 1px rgba(0,0,0,0.4)) drop-shadow(0 3px 4px rgba(0,0,0,0.4));
transition: all 200ms ease-in-out;
transform-origin: top right;
transform: translate(-30px, -20px) scale(0) translate(30px, 20px);
}
#newtab-customize-panel:dir(rtl) {
transform-origin: 40px top 20px;
}
#newtab-customize-panel:dir(rtl),
#newtab-customize-panel-anchor:dir(rtl) {
left: 15px;
right: auto;
}
#newtab-customize-panel[open="true"] {
transform: translate(-30px, -20px) scale(1) translate(30px, 20px);
}
#newtab-customize-panel-anchor {
width: 18px;
height: 18px;
background-color: white;
transform: rotate(45deg);
position: absolute;
top: -6px;
right: 15px;
}
#newtab-customize-title {
color: #7A7A7A;
font-size: 14px;
background-color: #FFFFFF;
line-height: 25px;
padding: 15px;
font-weight: 600;
cursor: default;
border-radius: 5px 5px 0px 0px;
max-width: 300px;
overflow: hidden;
display: table-cell;
border-top: none;
}
#newtab-customize-panel-inner-wrapper {
background-color: #FFFFFF;
border-radius: 6px;
overflow: hidden;
}
#newtab-customize-title > label {
cursor: default;
}
#newtab-customize-panel > .panel-arrowcontainer > .panel-arrowcontent {
padding: 0;
}
.newtab-customize-panel-item {
line-height: 25px;
padding: 15px;
padding-inline-start: 40px;
font-size: 14px;
cursor: pointer;
max-width: 300px;
}
.newtab-customize-panel-item:not(:first-child) {
border-top: 1px solid threedshadow;
}
.newtab-customize-panel-subitem > label,
.newtab-customize-panel-item > label,
.newtab-customize-complex-option {
padding: 0;
margin: 0;
cursor: pointer;
}
.newtab-customize-panel-item,
.newtab-customize-complex-option {
display: block;
text-align: start;
background-color: #F9F9F9;
}
.newtab-customize-panel-item[selected]:-moz-locale-dir(rtl) {
background-position: right 15px center;
}
.newtab-customize-complex-option:hover > .selectable:not([selected]):-moz-locale-dir(rtl),
.selectable:not([selected]):hover:-moz-locale-dir(rtl) {
background-position: right 15px center;
}
.newtab-customize-panel-item:not([selected]),
.newtab-customize-panel-subitem:not([selected]){
color: #7A7A7A;
}
.newtab-customize-panel-item:not([selected]):hover {
color: #FFFFFF;
background-color: #4A90E2
}
.newtab-customize-complex-option:hover > .selectable:not([selected]),
.selectable:not([selected]):hover {
background: url("chrome://global/skin/menu/shared-menu-check-hover.svg") no-repeat #FFFFFF;
background-size: 16px 16px;
background-position: 15px 15px;
color: #171F26;
}
.newtab-customize-complex-option:hover > .selectable:not([selected]) + .newtab-customize-panel-subitem {
background-color: #FFFFFF;
}
.newtab-customize-panel-item[selected] {
background: url("chrome://global/skin/menu/shared-menu-check-active.svg") no-repeat transparent;
background-size: 16px 16px;
background-position: 15px 15px;
color: black;
font-weight: 600;
}
.newtab-customize-panel-subitem > .checkbox {
width: 18px;
height: 18px;
background-color: #FFFFFF;
border: solid 1px threedshadow;
}
.newtab-customize-panel-subitem[selected] > .checkbox {
background: url("chrome://global/skin/menu/shared-menu-check-black.svg") no-repeat #FFFFFF;
background-size: 9px 9px;
background-position: center;
color: #333333;
}
.newtab-customize-panel-subitem {
font-size: 12px;
padding: 0px 15px 15px 15px;
padding-inline-start: 40px;
display: block;
max-width: 300px;
}
.newtab-customize-panel-subitem > label {
padding: 0px 10px;
line-height: 20px;
vertical-align: middle;
max-width: 225px;
}
.newtab-customize-panel-superitem {
line-height: 20px;
border-bottom: medium none !important;
padding: 15px 15px 10px 15px;
padding-inline-start: 40px;
border-top: 1px solid threedshadow;
}
.contentSearchSuggestionTable {
font: message-box;
font-size: 16px;

View file

@ -33,9 +33,6 @@ var gPage = {
this._init();
this._updateAttributes(enabled);
// Initialize customize controls.
gCustomize.init();
},
/**
@ -43,8 +40,6 @@ var gPage = {
*/
observe: function Page_observe(aSubject, aTopic, aData) {
if (aTopic == "nsPref:changed") {
gCustomize.updateSelected();
let enabled = gAllPages.enabled;
this._updateAttributes(enabled);