Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
E
edx-platform
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
edx
edx-platform
Commits
d1595892
Commit
d1595892
authored
May 04, 2013
by
marco
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
starting settings
parent
018a3d8a
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
41 additions
and
32 deletions
+41
-32
cms/static/sass/views/_unit.scss
+31
-22
cms/templates/component.html
+10
-10
No files found.
cms/static/sass/views/_unit.scss
View file @
d1595892
...
...
@@ -434,6 +434,10 @@ body.course.unit {
background
:
$lightBluishGrey2
;
}
.component-edit-menu
{
background-color
:
pink
;
}
.component-editor
{
@include
edit-box
;
@include
box-shadow
(
none
);
...
...
@@ -445,8 +449,6 @@ body.course.unit {
.component-edit-menu
{
@include
box-sizing
(
border-box
);
position
:
absolute
;
width
:
100%
;
//padding: 15px;
top
:
0
;
right
:
0
;
...
...
@@ -494,40 +496,39 @@ body.course.unit {
.settings-row
{
// general row sizing stuff
width
:
100%
;
background-color
:
$white
;
padding
:
10px
;
border-bottom
:
1px
solid
$gray
;
//SettingsLabel
li
>
label
{
//Text all aligned left
display
:
inline-block
;
//this sets height of .settings-row to allow for long help strings.
border-bottom
:
1px
solid
$gray-l4
;
.setting-label
{
font-weight
:
normal
;
display
:
inline
;
position
:
relative
;
left
:
0
;
width
:
200px
;
}
//SettingsInput
li
>
input
,
li
>
select
{
.setting-input
{
@include
placeholder
(
$gray-l4
);
@include
font-size
(
16
);
@include
size
(
100%
,
100%
);
width
:
1
00px
;
width
:
2
00px
;
height
:
auto
;
//TO-DO
&
:focus
{
//
&:focus {
//TO-DO
}
}
//SettingsClear
li
>
button
{
border-radius
:
20px
;
//maybe a % calc from input box height
.setting-clear
{
border-radius
:
50%
;
margin-left
:
15px
;
}
//SettingsHelp
li
>
span
{
//Text all aligned left
.setting-help
{
@include
font-size
(
14
);
font-color
:
$gray-l6
;
}
}
...
...
@@ -561,9 +562,17 @@ body.course.unit {
font-weight
:
700
;
}
.save-button
{
margin-top
:
10px
;
// Module Actions
// ====================
.module-actions
{
padding
:
0
0
10px
10px
;
box-shadow
:
0
2px
1px
rgba
(
182
,
182
,
182
,
0
.75
)
inset
;
background-color
:
$gray-l4
;
.save-button
{
margin
:
15px
8px
0
0
;
}
}
}
}
...
...
cms/templates/component.html
View file @
d1595892
...
...
@@ -22,24 +22,24 @@
<!--% for type in sorted(something.keys()):-->
<!--is-set class applied when user sets value-->
<li
class=
"settings-row is-set"
>
<label
for=
"inputVariableHere"
>
Setting Display Name Goes Here
</label>
<input
type=
"type1"
id=
"firstname"
/>
<label
class=
"setting-label"
for=
"inputVariableHere"
>
Setting 1
</label>
<input
class=
"setting-input"
type=
"type1"
id=
"firstname"
/>
<!--button clickable if is-set -->
<button
type=
"button"
name=
"setting-clear"
value=
"Clear"
class=
"setting-clear
"
data-tooltip=
"Clear"
>
<button
class=
"setting-clear"
type=
"button"
name=
"setting-clear"
value=
"Clear
"
data-tooltip=
"Clear"
>
<i
class=
"ss-icon ss-symbolicons-block undo"
>
↩
</i>
</button>
<span
class=
"setting
s
-help"
>
helpstring
</span>
<span
class=
"setting-help"
>
helpstring
</span>
</li>
<!--% showing second example mostly to see is-set style difference -->
<li
class=
"settings-row"
>
<label
for=
"setting-name-as-id"
>
Setting Display Name Goes Here
</label>
<input
type=
"type2"
id=
"firstname"
/>
<span
class=
"setting
s
-help"
>
helpstring
</span>
<label
class=
"setting-label"
for=
"setting-name-as-id"
>
Setting 2
</label>
<input
class=
"setting-input"
type=
"type2"
id=
"firstname"
/>
<span
class=
"setting-help"
>
helpstring
</span>
<!--% showing dropdown example -->
<li
class=
"settings-row"
>
<label
for=
"setting-name-as-id"
>
Setting Display Name Goes Here
</label>
<select
name=
"type"
>
<label
class=
"setting-label"
for=
"setting-name-as-id"
>
Setting Display Name Goes Here
</label>
<select
class=
"setting-input"
name=
"type"
>
<!--% for all in available options -->
<option
value=
"displayName1"
selected
>
Closed
</option>
<!--in case value already defaulted -->
...
...
@@ -47,7 +47,7 @@
<option
value=
"displayName3"
>
Open
</option>
<option
value=
"displayName4"
>
Available
</option>
</select>
<span
class=
"setting
s
-help"
>
helpstring
</span>
<span
class=
"setting-help"
>
helpstring
</span>
</li>
</ul>
<!-- Settings Wrapper-->
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment