86eb75cee7
* Frontend Ready for Connect Report Abuse * add feedback api * js defination fix * Added Hooks to the Component * add json response in feedback * Block popup added * fix render issue * Made changes in internal view * change error message * Added few design changes = * add test cases * Update app/javascript/chat/actions/requestActions.js Co-authored-by: Nick Taylor <nick@iamdeveloper.com> * add PR suggestions * add backend test cases * report abuse form close * Update app/javascript/chat/actions/requestActions.js Co-authored-by: Nick Taylor <nick@iamdeveloper.com> * Update app/javascript/chat/ReportAbuse/index.jsx Co-authored-by: Nick Taylor <nick@iamdeveloper.com> * add test cases * Update app/javascript/chat/ReportAbuse/index.jsx Co-authored-by: Nick Taylor <nick@iamdeveloper.com> * Update app/javascript/chat/ReportAbuse/index.jsx Co-authored-by: Marcy Sutton <holla@marcysutton.com> * Update app/javascript/chat/ReportAbuse/index.jsx Co-authored-by: Marcy Sutton <holla@marcysutton.com> * group the fieldset * fix report abuse api * fix test case * fix request test case * fix typo * cleaned up markup in report abuse component. * Fixed spacing between abuse options. * Fixed wording in report abuse confirmation. * Removed unnecessary data-testid and aria-label attributes. * Added some top margin to the report abuse form. * Update app/javascript/chat/message.jsx Co-authored-by: Suzanne Aitchison <suzanne@forem.com> * Added a legend to the the fieldset. * Update app/javascript/chat/actions/requestActions.js Co-authored-by: Michael Kohl <citizen428@dev.to> Co-authored-by: Sarthak <7lovesharma7@gmail.com> Co-authored-by: Narender Singh <narender2031@gmail.com> Co-authored-by: Marcy Sutton <holla@marcysutton.com> Co-authored-by: Suzanne Aitchison <suzanne@forem.com> Co-authored-by: Michael Kohl <citizen428@dev.to>
42 lines
672 B
Text
42 lines
672 B
Text
<style>
|
|
.notefield {
|
|
width: 100%;
|
|
resize: none;
|
|
font-size: 18px;
|
|
height: 50px;
|
|
border-radius: 3px;
|
|
padding: 5px;
|
|
margin: 10px 0px;
|
|
}
|
|
|
|
.email__container {
|
|
border: 1px solid gray;
|
|
margin: 10px;
|
|
padding-left: 50px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.to__subject {
|
|
margin: 5px;
|
|
font-size: 20px;
|
|
color: black;
|
|
text-align: center;
|
|
}
|
|
.badge-connect {
|
|
background-color: #26d9ca;
|
|
margin-top: 5px;
|
|
text-transform: capitalize;
|
|
}
|
|
.reported__message {
|
|
border: 1px solid;
|
|
margin: 20px auto;
|
|
padding: 20px;
|
|
max-height: 300px;
|
|
overflow: scroll;
|
|
}
|
|
.report__tags{
|
|
display: grid;
|
|
justify-items: end;
|
|
}
|
|
|
|
</style>
|