Material CheckBox Styles (Filled in), Material Radio Button Styles (With

GAP), Fixed Datagrid Responsiveness

Author: kevzlou7979

src/main/java/gwt/material/design/client/custom/MaterialCheckBoxCell.java

@@ -118,7 +118,7 @@ public void render(Context context, Boolean value, SafeHtmlBuilder sb) {
 
         String id = Document.get().createUniqueId();
 
-        sb.append(SafeHtmlUtils.fromSafeConstant("<span class=\"gwt-CheckBox\"><input type=\"checkbox\" tabindex=\"-1\" value=\"on\" id=\""
+        sb.append(SafeHtmlUtils.fromSafeConstant("<span class=\"gwt-CheckBox\"><input type=\"checkbox\" class=\"filled-in\" tabindex=\"-1\" value=\"on\" id=\""
                 + id + "\" " + state + "/><label for=\"" + id + "\"></label></span>"));
 
     }

src/main/java/gwt/material/design/client/ui/MaterialCheckBox.java

@@ -32,6 +32,7 @@
 import com.google.gwt.i18n.client.HasDirection.Direction;
 import com.google.gwt.i18n.shared.DirectionEstimator;
 import com.google.gwt.safehtml.shared.SafeHtml;
+import com.google.gwt.user.client.DOM;
 import com.google.gwt.user.client.ui.CheckBox;
 
 public class MaterialCheckBox extends CheckBox implements HasClickHandlers{
@@ -137,10 +138,13 @@ public void setType(String type) {
 		if(type.equalsIgnoreCase("indeterminate")){
 			this.addStyleName(type + "-checkbox");
 		}else if(type.equalsIgnoreCase("filled")){
-			this.addStyleName(type + "-in");
+			Element e_cb = this.getElement(); 
+	        Element e_input = DOM.getChild(e_cb, 0); 
+	        e_input.setAttribute("class", "filled-in");
 		}else{
 			this.addStyleName(type);
 		}
 	}
+	
 
 }

src/main/java/gwt/material/design/client/ui/MaterialRadioButton.java

@@ -20,9 +20,11 @@
  * #L%
  */
 
+import com.google.gwt.dom.client.Element;
 import com.google.gwt.i18n.client.HasDirection.Direction;
 import com.google.gwt.i18n.shared.DirectionEstimator;
 import com.google.gwt.safehtml.shared.SafeHtml;
+import com.google.gwt.user.client.DOM;
 import com.google.gwt.user.client.ui.RadioButton;
 
 public class MaterialRadioButton extends RadioButton{
@@ -80,7 +82,12 @@ public String getType() {
 
 	public void setType(String type) {
 		this.type = type;
-		this.addStyleName("with-" + type);
+		if(type.equals("gap")){
+			Element e_cb = this.getElement(); 
+	        Element e_input = DOM.getChild(e_cb, 0); 
+	        e_input.setAttribute("class", "with-gap");
+		}
+		
 	}
 
 	public boolean isDisabled() {

src/main/resources/gwt/material/design/public/css/overridecss.css

@@ -15,6 +15,11 @@
 	color: rgba(0, 0, 0, 0.87);
 }
 
+/** Calendar **/
+.picker__table td {
+  padding: 0 !important;
+}
+
 
 /** DataGrid **/
 table th {
@@ -94,6 +99,7 @@ table .gwt-CheckBox label {
  		top: 0 !important;
   		left: 20% !important;
   		width: 80% !important;
+  		height: 100% !important;
 	}
 
 }