SuiteCRM/SuiteCRM-Core
2
0
Fork 0
mirror of https://github.com/SuiteCRM/SuiteCRM-Core.git synced 2025-09-06 10:26:22 +08:00
Code Issues Projects Packages Activity Actions

[Legacy] Surveys Questions Styling Fixes

Browse source
This commit is contained in:
balumahendran 2022-04-26 10:43:47 +05:30 • committed by Clemente Raposo
parent bae04a9f6d
commit e0a0488e0c
3 changed files with 75 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

4
public/legacy/modules/Surveys/tpls/editsurveyquestions.tpl
View file

@ -1,4 +1,4 @@
<div>
<div class="surveys-questions">
<input type="hidden" name="survey_questions_supplied" value="1">
<table id="questionTable" class="table table-bordered">
<tr>
@ -108,7 +108,6 @@
}
function createQuestion(data, existing) {
var table = $('#questionTable');
var newRow = "<tbody class='questionBody'><tr data-question-index='" + createQuestion.questionCount + "'>";
newRow += "<td class='nameCell'><span class='nameSpan'>Q" + (createQuestion.questionCount + 1) + "</span>"
@ -122,7 +121,6 @@
newRow += "<button type='button' class='button moveQuestionUp'><span class='suitepicon suitepicon-action-move-up'></span></button>";
newRow += "<button type='button' class='button moveQuestionDown'><span class='suitepicon suitepicon-action-move-down'></span></button>";
newRow += "&nbsp;&nbsp;&nbsp;";
newRow += "<button type='button' class='button deleteQuestion'><span class='suitepicon suitepicon-action-clear'></span></button>";
newRow += "</td>";
newRow += "</tr>";

1
public/legacy/themes/suite8/css/Dawn/style.scss
View file

@ -188,4 +188,5 @@
@import '../suitep-base/outbound-dialog.scss';
@import '../suitep-base/display-modules-mobile.scss';
@import '../suitep-base/Duplicates.scss';
@import '../suitep-base/surveys.scss';
//

73
public/legacy/themes/suite8/css/suitep-base/surveys.scss Normal file
View file

@ -0,0 +1,73 @@
.view-module-Surveys {
.surveys-questions {
#newQuestionButton {
background-color: $nepal-grey;
border-radius: 0.2em;
font-weight: bold;
height: 2.2em;
line-height: 1em;
letter-spacing: 0.05em;
padding: 0.3em 1em;
text-transform: capitalize;
&:hover {
background: $pale-blue;
}
}
.button {
background-color: $nepal-grey;
border-radius: 0.2em;
font-weight: bold;
height: 2.2em;
line-height: 1em;
letter-spacing: 0.05em;
padding: 0.3em 1em;
text-transform: capitalize;
margin: 0.2em;
&:hover {
background: $pale-blue;
}
}
table#questionTable {
.questionBody {
input.surveyQuestionName {
width: 100%;
}
@media (max-width:1024px) {
ul.optionList {
li {
display: flex;
}
}
}
}
}
.survey_question_options {
margin-bottom: 0.5em;
margin-right: 0.4em;
@media (max-width: 1024px) {
width: auto !important;
display: flex;
}
}
}
}
@media (max-width: 750px) {
.view-module-Surveys {
.edit-border-bottom {
border-top: none;
}
#EditView .buttons, .action_buttons {
position: static;
display: flex !important;
justify-content: flex-end;
border-bottom: 1px solid $border-bottom-lightgrey;
padding-bottom: 0.5em;
flex-wrap: wrap;
}
.buttons .button {
width: auto;
font-size: 13px;
}
}
}