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
fbaed2e2
Commit
fbaed2e2
authored
May 03, 2013
by
marco
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
added shell of css and html organization
parent
d55527b6
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
70 additions
and
27 deletions
+70
-27
cms/static/sass/views/_unit.scss
+50
-8
cms/templates/component.html
+20
-19
No files found.
cms/static/sass/views/_unit.scss
View file @
fbaed2e2
...
...
@@ -456,27 +456,69 @@ body.course.unit {
//Component Name
h3
{
//TO-DO ?
//TO-DO
//determine proper h-level
}
//Nav-Edit Modes
.nav-edit-modes
{
//TODO
list-style
:
none
;
//move to the right,
.tab
{
display
:
inline
;
li
{
//TO-DO
//inherit button styling
//no idea what it currently inherits...
&
:hover
{
//TO-DO
//opacity change
}
&
.is-active
{
//TO-DO
//inherit button styling
}
}
}
}
//
Module Editors
//
Editor Wrapper
.editor-wrapper
{
//TO-DO
?
//TO-DO
}
//
Module Settings
//
Settings Wrapper
.settings-wrapper
{
//TO-DO ?
//TO-DO
.settings-row
{
// general row sizing stuff
width
:
100%
;
padding
:
10px
;
border-bottom
:
1px
solid
$gray
;
//SettingsLabel
li
>
label
{
//Text all aligned left
//this sets height of .settings-row to allow for long help strings.
}
//SettingsInput
li
>
input
{
width
:
100px
;
//TO-DO
}
//SettingsHelp
li
>
span
{
//Text all aligned left
}
}
}
//OLD Meta-data Styling
...
...
cms/templates/component.html
View file @
fbaed2e2
<div
class=
"wrapper wrapper-component-editor"
>
<div
class=
"component-editor"
>
<div
id=
"component-edit-menu"
>
<h3
class=
"component-name"
>
Name of Component
</h3>
<!--should this be a menu
instead of OL
-->
<
o
l
class=
"nav-edit-modes"
>
<li
id=
"editor-mode"
class=
"tab"
aria-controls=
"editor-tab"
aria-selected=
"true"
role=
"tab"
tabindex=
"0"
>
<h3
class=
"component-name"
>
Viewing:
Name of Component
</h3>
<!--should this be a menu
bar/menu/tabbar instead of list?
-->
<
u
l
class=
"nav-edit-modes"
>
<li
id=
"editor-mode"
class=
"tab
is-active
"
aria-controls=
"editor-tab"
aria-selected=
"true"
role=
"tab"
tabindex=
"0"
>
<a
href=
"#"
class=
"button cancel-button"
>
Editor
</a>
</li>
<li
id=
"settings-mode"
class=
"tab"
aria-controls=
"settings-tab"
aria-selected=
"false"
role=
"tab"
tabindex=
"-1"
>
<a
href=
"#"
class=
"button cancel-button"
>
Settings
</a>
</li>
</
o
l>
</
u
l>
</div>
<!-- Editor Header -->
<div
class=
"component-edit-modes"
>
<div
class=
"editor-wrapper"
id=
"editor-tab"
>
${editor}
<!-- no longer are settings imported from metadata-edit.hmtl, ideally? -->
</div>
<!-- Editor Wrapper-->
<table
class=
"settings-wrapper"
id=
"settings-tab"
>
<
!-- eventually, import settings from separate file --
>
<tr
class=
"settings-row settings-header"
>
<
th
class=
"settings-label"
>
Setting Label
</th>
<
th
class=
"settings-input"
>
Setting Input
</th
>
<th
class=
"settings-help"
>
Setting Help
</th
>
<
/tr
>
<
tr
class=
"settings-row settings-header
"
>
<
td
class=
"settings-label"
>
Example Dropdown
</td
>
<
td
class=
"settings-input"
>
Input/Form stuff to be children here.
</td>
<
td
class=
"settings-help"
>
Example Numerical Input
</td
>
</
tr>
</
div
>
<!-- Settings Wrapper-->
<ul
class=
"settings-wrapper"
id=
"settings-tab"
>
<!--% for type in sorted(something.keys()):--
>
<
li
class=
"settings-row"
>
<label
for=
"<%= ...settingLabel... %>"
>
Setting Display Name Goes Here
</label
>
<
input
type=
"${type}"
id=
"firstname"
/>
<
span
class=
"settings-help"
>
${helpstring}
</span
>
</li
>
<
!--% showing second example mostly to see is-set style difference --
>
<
li
class=
"settings-row is-set
"
>
<
label
for=
"setting-name-as-id"
>
Setting Display Name Goes Here
</label
>
<
input
type=
"${type}"
id=
"firstname"
/>
<
span
class=
"settings-help"
>
${helpstring}
</span
>
</
li>
≈
</
ul
>
<!-- Settings Wrapper-->
</div>
<div
class=
"row module-actions"
>
<a
href=
"#"
class=
"save-button"
>
Save
</a>
...
...
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