mirror of
https://github.com/jupyter/notebook.git
synced 2025-03-25 13:30:27 +08:00
Add semantic classes to top-level containers for single widgets
This makes it much easier to customize all widgets of a certain type using CSS. For example, to change just the IPython widget selects, a CSS rule like .widget-select select {...} should work well.
This commit is contained in:
parent
ed43a196b4
commit
7700848737
IPython/html/static/widgets/js
@ -11,7 +11,7 @@ define([
|
||||
render : function(){
|
||||
// Called when view is rendered.
|
||||
this.$el
|
||||
.addClass('widget-hbox');
|
||||
.addClass('widget-hbox widget-checkbox');
|
||||
this.$label = $('<div />')
|
||||
.addClass('widget-label')
|
||||
.appendTo(this.$el)
|
||||
|
@ -11,7 +11,7 @@ define([
|
||||
render : function(){
|
||||
// Called when view is rendered.
|
||||
this.$el
|
||||
.addClass('widget-hbox');
|
||||
.addClass('widget-hbox widget-slider');
|
||||
this.$label = $('<div />')
|
||||
.appendTo(this.$el)
|
||||
.addClass('widget-label')
|
||||
@ -189,7 +189,7 @@ define([
|
||||
render : function(){
|
||||
// Called when view is rendered.
|
||||
this.$el
|
||||
.addClass('widget-hbox');
|
||||
.addClass('widget-hbox widget-text');
|
||||
this.$label = $('<div />')
|
||||
.appendTo(this.$el)
|
||||
.addClass('widget-label')
|
||||
@ -297,7 +297,7 @@ define([
|
||||
render : function(){
|
||||
// Called when view is rendered.
|
||||
this.$el
|
||||
.addClass('widget-hbox');
|
||||
.addClass('widget-hbox widget-progress');
|
||||
this.$label = $('<div />')
|
||||
.appendTo(this.$el)
|
||||
.addClass('widget-label')
|
||||
|
@ -12,7 +12,7 @@ define([
|
||||
render : function(){
|
||||
// Called when view is rendered.
|
||||
this.$el
|
||||
.addClass('widget-hbox');
|
||||
.addClass('widget-hbox widget-dropdown');
|
||||
this.$label = $('<div />')
|
||||
.appendTo(this.$el)
|
||||
.addClass('widget-label')
|
||||
@ -152,7 +152,7 @@ define([
|
||||
render : function(){
|
||||
// Called when view is rendered.
|
||||
this.$el
|
||||
.addClass('widget-hbox');
|
||||
.addClass('widget-hbox widget-radio');
|
||||
this.$label = $('<div />')
|
||||
.appendTo(this.$el)
|
||||
.addClass('widget-label')
|
||||
@ -251,7 +251,7 @@ define([
|
||||
render: function() {
|
||||
// Called when view is rendered.
|
||||
this.$el
|
||||
.addClass('widget-hbox');
|
||||
.addClass('widget-hbox widget-toggle-buttons');
|
||||
this.$label = $('<div />')
|
||||
.appendTo(this.$el)
|
||||
.addClass('widget-label')
|
||||
@ -381,7 +381,7 @@ define([
|
||||
render : function(){
|
||||
// Called when view is rendered.
|
||||
this.$el
|
||||
.addClass('widget-hbox');
|
||||
.addClass('widget-hbox widget-select');
|
||||
this.$label = $('<div />')
|
||||
.appendTo(this.$el)
|
||||
.addClass('widget-label')
|
||||
|
@ -47,7 +47,7 @@ define([
|
||||
render: function(){
|
||||
// Called when view is rendered.
|
||||
this.$el
|
||||
.addClass('widget-hbox');
|
||||
.addClass('widget-hbox widget-textarea');
|
||||
this.$label = $('<div />')
|
||||
.appendTo(this.$el)
|
||||
.addClass('widget-label')
|
||||
@ -135,7 +135,7 @@ define([
|
||||
render: function(){
|
||||
// Called when view is rendered.
|
||||
this.$el
|
||||
.addClass('widget-hbox');
|
||||
.addClass('widget-hbox widget-text');
|
||||
this.$label = $('<div />')
|
||||
.addClass('widget-label')
|
||||
.appendTo(this.$el)
|
||||
|
Loading…
x
Reference in New Issue
Block a user