Prepare for rule (only) editing

As project access gets ready to move away from read only mode, there
will be a few intermediate stages in which some functionality is added.

Rule editing (not adding/removing) is the first step. As some of the
additional functionality's UI had been started, temporary CSS changes
must be made to hide this from the user.

This change has no visible changes to the user at this time, all of the
changes only exist when the project access 'editing' is true.

Bug: Issue 6569
Change-Id: I3f39a6a68f5622a597fc8020bb6e31db2d4f24dd
This commit is contained in:
Becky Siegel 2017-12-11 13:59:25 -08:00
parent 3b6c0e7e46
commit 25af226e37
3 changed files with 17 additions and 11 deletions

View File

@ -61,12 +61,13 @@ limitations under the License.
.editContainer {
display: none;
}
.deleted #deletedContainer,
/* TODO @beckysiegel add back when editing allowed */
/* .deleted #deletedContainer,
#mainContainer,
.editing #addPermission,
.editing #updateBtns {
display: block;
}
} */
.editingRef .editContainer {
display: flex;
}
@ -115,7 +116,7 @@ limitations under the License.
</template>
<div id="addPermission">
Add permission:
<select id="permissionSelect">
<select id="permissionSelect"> -->
<!-- called with a third parameter so that permissions update
after a new section is added. -->
<template
@ -125,7 +126,8 @@ limitations under the License.
</template>
</select>
<gr-button id="addBtn" on-tap="_handleAddPermission">Add</gr-button>
</div><!-- end addPermission -->
</div>
<!-- end addPermission -->
</div><!-- end sectionContent -->
</div><!-- end mainContainer -->
<div id="deletedContainer">

View File

@ -46,9 +46,10 @@ limitations under the License.
border: 1px solid #d1d2d3;
border-bottom: 0;
}
.editing .rules {
/* TODO @beckysiegel add back */
/* .editing .rules {
border-bottom: 1px solid #d1d2d3;
}
} */
.title {
margin-bottom: .3em;
}
@ -56,13 +57,14 @@ limitations under the License.
#removeBtn {
display: none;
}
.editing #removeBtn {
/* TODO @beckysiegel add back */
/* .editing #removeBtn {
display: block;
}
.editing #addRule {
display: block;
padding: .7em;
}
} */
#deletedContainer,
.deleted #mainContainer {
display: none;
@ -105,7 +107,8 @@ limitations under the License.
placeholder="Add group"
on-commit="_handleAddRuleItem">
</gr-autocomplete>
</div> <!-- end addRule -->
</div>
<!-- end addRule -->
</div> <!-- end rules -->
</div><!-- end mainContainer -->
<div id="deletedContainer">

View File

@ -35,9 +35,10 @@ limitations under the License.
.buttons {
display: none;
}
.editing .buttons {
/* TODO @beckysiegel add back */
/* .editing .buttons {
display: flex;
}
} */
#options {
align-items: baseline;
display: flex;