open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

hide (i) in compact mode, show only for 'Everything'

Browse Source
This commit is contained in:
tophf 2022-01-28 03:35:56 +03:00
parent 4e68ee1b00
commit a96e01b72c
2 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
edit/edit.css
View File

@ -453,7 +453,7 @@ input:invalid {
display: none; display: none;
} }
.section .CodeMirror { .section .CodeMirror {
margin-bottom: .875rem; margin-bottom: .5em;
box-sizing: border-box; box-sizing: border-box;
} }
/* deleted section */ /* deleted section */
@ -576,13 +576,21 @@ body:not(.find-open) [data-match-highlight-count="1"] .CodeMirror-selection-high
background-color: #f002; background-color: #f002;
border-color: #f008; border-color: #f008;
} }
[i18n-text="appliesLabel"] { .applies-to label {
font-size: 0; font-size: 0;
padding: 0; padding: 0;
margin-left: -24px; margin-left: -24px;
position: absolute; position: absolute;
line-height: var(--input-height); line-height: var(--input-height);
} }
.compact-layout .applies-to label {
display: none;
}
.compact-layout .applies-to[data-all] label {
position: static;
display: inline;
margin: 0 6px 0 -4px;
}
.applies-to ul { .applies-to ul {
flex: auto; flex: auto;
flex-grow: 1; flex-grow: 1;

9
edit/sections-editor-section.js
View File

@ -1,4 +1,4 @@
/* global $ */// dom.js /* global $ toggleDataset */// dom.js
/* global MozDocMapper trimCommentLabel */// util.js /* global MozDocMapper trimCommentLabel */// util.js
/* global cmFactory */ /* global cmFactory */
/* global debounce tryRegExp */// toolbox.js /* global debounce tryRegExp */// toolbox.js
@ -35,7 +35,8 @@ function createSection(originalSection, genId, si) {
const changeListeners = new Set(); const changeListeners = new Set();
const appliesToContainer = $('.applies-to-list', el); const appliesToContainer = $('.applies-to', el);
const appliesToList = $('.applies-to-list', el);
const appliesTo = []; const appliesTo = [];
MozDocMapper.forEachProp(originalSection, (type, value) => MozDocMapper.forEachProp(originalSection, (type, value) =>
insertApplyAfter({type, value})); insertApplyAfter({type, value}));
@ -234,7 +235,8 @@ function createSection(originalSection, genId, si) {
function insertApplyAfter(init, base) { function insertApplyAfter(init, base) {
const apply = createApply(init); const apply = createApply(init);
appliesTo.splice(base ? appliesTo.indexOf(base) + 1 : appliesTo.length, 0, apply); appliesTo.splice(base ? appliesTo.indexOf(base) + 1 : appliesTo.length, 0, apply);
appliesToContainer.insertBefore(apply.el, base ? base.el.nextSibling : null); appliesToList.insertBefore(apply.el, base ? base.el.nextSibling : null);
toggleDataset(appliesToContainer, 'all', init.all);
dirty.add(apply, apply); dirty.add(apply, apply);
if (appliesTo.length > 1 && appliesTo[0].all) { if (appliesTo.length > 1 && appliesTo[0].all) {
removeApply(appliesTo[0]); removeApply(appliesTo[0]);
@ -251,6 +253,7 @@ function createSection(originalSection, genId, si) {
dirty.remove(apply, apply); dirty.remove(apply, apply);
if (!appliesTo.length) { if (!appliesTo.length) {
insertApplyAfter({all: true}); insertApplyAfter({all: true});
toggleDataset(appliesToContainer, 'all', true);
} }
emitSectionChange('apply'); emitSectionChange('apply');
} }