Add GIF

samples/react-mytasks/README.md

@@ -7,7 +7,9 @@ This web part allows user to manage planner tasks in SharePoint Site. The UI was
 
 The user can search task by name, can filter by progress status, all data are dynamic updated on change.
 
- 
+![MyTasks](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/My-Tasks/samples/react-mytasks/assets/MyTasks.gif)
+
+
 
 ##  List of Task Cards
 
@@ -45,6 +47,11 @@ The user can search task by name, can filter by progress status, all data are dy
 
 ## Add Task  
   
+![MyTasks](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/My-Tasks/samples/react-mytasks/assets/AddTask.gif)
+
+</br>
+</br>
+
 
 
 ![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/My-Tasks/samples/react-mytasks/assets/screen6.png)  
@@ -61,6 +68,10 @@ The user can search task by name, can filter by progress status, all data are dy
 ## Edit Tasks
 
 
+![MyTasks](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/My-Tasks/samples/react-mytasks/assets/EditTask.gif)
+
+</br>
+</br>
 
 ![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/My-Tasks/samples/react-mytasks/assets/screen8.png)  
   

samples/react-mytasks/src/webparts/myTasks/components/NewTask/NewTaskStyles.ts

@@ -36,7 +36,7 @@ export const stackItemStyles: IStackItemStyles = {
 };
 
 export const textFieldStylesTaskName: ITextFieldStyles = {
-  field: { backgroundColor: theme.palette.neutralLighter },
+  field: { backgroundColor: `${theme.palette.neutralLighter} !important` },
   root: {},
   description: {},
   errorMessage: {},