| @@ -68,9 +68,8 @@ | ||
| 68 | 68 | height: 28px; |
| 69 | 69 | margin: 0; |
| 70 | 70 | padding: 0 10px 1px; |
| 71 | 71 | cursor: pointer; |
| 72 | - -webkit-appearance: none; | |
| 73 | 72 | border-radius: 3px; |
| 74 | 73 | white-space: nowrap; |
| 75 | 74 | box-sizing: border-box; |
| 76 | 75 | border: none; |
| @@ -153,9 +152,9 @@ | ||
| 153 | 152 | } |
| 154 | 153 | #wppm_project_table th{ |
| 155 | 154 | border: none !important; |
| 156 | 155 | } |
| 157 | -.wppm_thread{ | |
| 156 | +.wppm_thread,.wppm_proj_thread{ | |
| 158 | 157 | background-color: #FFFFFF; |
| 159 | 158 | color: #000000; |
| 160 | 159 | border-color: #C3C3C3; |
| 161 | 160 | display: table; |
| @@ -188,21 +187,8 @@ | ||
| 188 | 187 | width: 99%; |
| 189 | 188 | margin-top: 25px; |
| 190 | 189 | padding-left: 15px; |
| 191 | 190 | } |
| 192 | -#wppm_action_bar{ | |
| 193 | - color:#ffffff; | |
| 194 | - background-color:#306EFF; | |
| 195 | - /* background-color:#304FFE; */ | |
| 196 | - width:100%; | |
| 197 | - overflow:hidden; | |
| 198 | - display:inline-block; | |
| 199 | - float:left; | |
| 200 | - display:inline-block; | |
| 201 | - font-family: Verdana,sans-serif; | |
| 202 | - font-size: 15px; | |
| 203 | - line-height: 1.5; | |
| 204 | -} | |
| 205 | 191 | .wppm_sidebar_labels{ |
| 206 | 192 | font-size: 12px; |
| 207 | 193 | margin: 10px 0; |
| 208 | 194 | cursor: pointer; |
| @@ -230,10 +216,37 @@ | ||
| 230 | 216 | margin-top: 10px; |
| 231 | 217 | border: 1px solid #eee !important; |
| 232 | 218 | } |
| 233 | 219 | .wppm_widget{ |
| 220 | + display: flex; | |
| 221 | + flex-direction: column; | |
| 222 | + width: 100%; | |
| 223 | + min-width: 100%; | |
| 224 | + max-width: 100%; | |
| 225 | + box-sizing: border-box; | |
| 226 | + margin-bottom: 15px; | |
| 234 | 227 | border: 1px solid #eee !important; |
| 235 | 228 | } |
| 229 | +.wppm-widget-header { | |
| 230 | + display: flex; | |
| 231 | + align-items: center; | |
| 232 | + padding: 10px; | |
| 233 | +} | |
| 234 | +.wppm-widget-header span { | |
| 235 | + display: flex; | |
| 236 | + align-items: center; | |
| 237 | + margin-left: 5px; | |
| 238 | + cursor: pointer; | |
| 239 | +} | |
| 240 | +.wppm-widget-header h4 { | |
| 241 | + flex-grow: 1; | |
| 242 | + margin: 0px !important; | |
| 243 | +} | |
| 244 | +.wppm-widget-body { | |
| 245 | + display: flex; | |
| 246 | + flex-direction: column; | |
| 247 | + padding: 10px 10px 0; | |
| 248 | +} | |
| 236 | 249 | .wppm-btn{ |
| 237 | 250 | padding: 5px 10px; |
| 238 | 251 | border-radius: 20px; |
| 239 | 252 | font-size: 14px; |
| @@ -533,9 +546,9 @@ | ||
| 533 | 546 | .wppm_task_list{ |
| 534 | 547 | flex-basis: 50%; |
| 535 | 548 | } |
| 536 | 549 | } |
| 537 | -.wppm_task_name_grid_view, .wppm_task_due_date_grid_view, .wppm_empty_container{ | |
| 550 | +.wppm_task_name_grid_view, .wppm_task_due_date_grid_view, .wppm_empty_container, .wppm_proj_name_grid_view{ | |
| 538 | 551 | font-family: "OpenSans-Semibold","Helvetica Neue",Arial,Helvetica,sans-serif; |
| 539 | 552 | font-size: 14px; |
| 540 | 553 | } |
| 541 | 554 | .wppm_card_body{ |
| @@ -684,8 +697,13 @@ | ||
| 684 | 697 | background-color: #FFFFFF; |
| 685 | 698 | margin: 15px; |
| 686 | 699 | border: 1px solid #eee !important; |
| 687 | 700 | } |
| 701 | +.wppm_proj_thread{ | |
| 702 | + background-color: #FFFFFF; | |
| 703 | + border: 1px solid #eee !important; | |
| 704 | +} | |
| 705 | + | |
| 688 | 706 | .wppm_progress_bar_container{ |
| 689 | 707 | margin-bottom: 6px; |
| 690 | 708 | margin-top: 5px; |
| 691 | 709 | position: relative; |
| @@ -805,8 +823,12 @@ | ||
| 805 | 823 | #wppm_comment_btn{ |
| 806 | 824 | display:none; |
| 807 | 825 | padding: 10px; |
| 808 | 826 | } |
| 827 | +#wppm_proj_comment_btn{ | |
| 828 | + display:none; | |
| 829 | + padding: 10px; | |
| 830 | +} | |
| 809 | 831 | #wppm_activity_container{ |
| 810 | 832 | background-color:#ffffff; |
| 811 | 833 | margin:15px; |
| 812 | 834 | border: 1px solid #eee !important; |
| @@ -813,8 +835,11 @@ | ||
| 813 | 835 | } |
| 814 | 836 | .wppm_task_discussion{ |
| 815 | 837 | font: 18px "Helvetica Neue",Helvetica,Arial,sans-serif; |
| 816 | 838 | } |
| 839 | +.wppm_proj_discussion{ | |
| 840 | + font: 18px "Helvetica Neue",Helvetica,Arial,sans-serif; | |
| 841 | +} | |
| 817 | 842 | .wppm_delete_checklist{ |
| 818 | 843 | color:#b73232 !important; |
| 819 | 844 | font: 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; |
| 820 | 845 | border-bottom: 1px dashed; |
| @@ -851,8 +876,19 @@ | ||
| 851 | 876 | color:#eee; |
| 852 | 877 | margin-top: 10px; |
| 853 | 878 | font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; |
| 854 | 879 | } |
| 880 | +#wppm_proj_comment{ | |
| 881 | + width: 80%; | |
| 882 | + height: 30px; | |
| 883 | + padding: 5px; | |
| 884 | + margin-bottom: 15px; | |
| 885 | + overflow: hidden; | |
| 886 | + border: 1px solid #eee; | |
| 887 | + color:#eee; | |
| 888 | + margin-top: 10px; | |
| 889 | + font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; | |
| 890 | +} | |
| 855 | 891 | .wppm_attachment_title{ |
| 856 | 892 | font: 15px "Helvetica Neue",Helvetica,Arial,sans-serif; |
| 857 | 893 | } |
| 858 | 894 | .wppm_comment_date{ |
| @@ -882,8 +918,29 @@ | ||
| 882 | 918 | margin-left: 5px; |
| 883 | 919 | margin-top:5px; |
| 884 | 920 | font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; |
| 885 | 921 | } |
| 922 | +#wppm_proj_attach_file{ | |
| 923 | + color:#301db7; | |
| 924 | + cursor:pointer; | |
| 925 | + font-weight: normal; | |
| 926 | + text-decoration-line: underline; | |
| 927 | + text-decoration-style: dotted; | |
| 928 | + font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; | |
| 929 | +} | |
| 930 | +#wppm_individual_cancel_proj_comment_btn{ | |
| 931 | + float:right; | |
| 932 | + background-color:#ffffff; | |
| 933 | + margin-left: 5px; | |
| 934 | + margin-top:5px; | |
| 935 | + font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; | |
| 936 | +} | |
| 937 | +#wppm_individual_submit_proj_comment_btn{ | |
| 938 | + float:right; | |
| 939 | + margin-left: 5px; | |
| 940 | + margin-top:5px; | |
| 941 | + font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; | |
| 942 | +} | |
| 886 | 943 | .wppm_thread_messege{ |
| 887 | 944 | font-size: 14px; |
| 888 | 945 | font-weight: 400; |
| 889 | 946 | color: #4e4e4e; |
| @@ -900,10 +957,9 @@ | ||
| 900 | 957 | .wppm_task_label,.wppm_checklist_label,.wppm_project_label{ |
| 901 | 958 | font: 18px "Helvetica Neue",Helvetica,Arial,sans-serif !important; |
| 902 | 959 | } |
| 903 | 960 | .widget_divider{ |
| 904 | - margin-top: 4px !important; | |
| 905 | - margin-bottom: 6px !important; | |
| 961 | + margin:4px 0 6px 0px !important; | |
| 906 | 962 | } |
| 907 | 963 | .wppm_individual_task_widget{ |
| 908 | 964 | margin-top: 15px!important; |
| 909 | 965 | } |
| @@ -927,9 +983,9 @@ | ||
| 927 | 983 | .wppm_edit_task_details_widget, .wppm_thread_action, .wppm_edit_project_details_widget{ |
| 928 | 984 | float:right; |
| 929 | 985 | cursor:pointer; |
| 930 | 986 | } |
| 931 | -.wppm_add_new_task_btn, #wppm_task_list_btn,#wppm_delete_btn,#wppm_delete_task_btn{ | |
| 987 | +.wppm_add_new_task_btn, #wppm_task_list_btn,#wppm_delete_btn,#wppm_delete_task_btn,#wppm_clone_task_btn{ | |
| 932 | 988 | cursor: pointer; |
| 933 | 989 | } |
| 934 | 990 | #wppm_project_details_container{ |
| 935 | 991 | border: 1px solid #eee; |
| @@ -1078,5 +1134,247 @@ | ||
| 1078 | 1134 | position: absolute; |
| 1079 | 1135 | box-shadow: 0 1px 2px rgb(79 148 212 / 80%); |
| 1080 | 1136 | background-color: #fff; |
| 1081 | 1137 | cursor: pointer; |
| 1138 | +} | |
| 1139 | + | |
| 1140 | +.wppm_bootstrap .wppm_padding_space{ | |
| 1141 | + padding-top: 20px; | |
| 1142 | +} | |
| 1143 | + | |
| 1144 | +.wppm_bootstrap .pricing-widget { | |
| 1145 | + margin-bottom: 30px; | |
| 1146 | +} | |
| 1147 | +.wppm_bootstrap .pheader { | |
| 1148 | + background-color: #555; | |
| 1149 | + color: #ffffff; | |
| 1150 | + padding: 10px; | |
| 1151 | +} | |
| 1152 | +.wppm_bootstrap .pheader .title{ | |
| 1153 | + padding: 0; | |
| 1154 | + margin: 0; | |
| 1155 | + text-align: center; | |
| 1156 | +} | |
| 1157 | +.wppm_bootstrap .pheader .subtitle{ | |
| 1158 | + padding: 0; | |
| 1159 | + margin: 10px 0 0; | |
| 1160 | + text-align: center; | |
| 1161 | +} | |
| 1162 | +.wppm_bootstrap .payment_freq { | |
| 1163 | + color: #fff !important; | |
| 1164 | +} | |
| 1165 | +.wppm_bootstrap .pbody { | |
| 1166 | + padding: 20px; | |
| 1167 | + border: 1px solid #555; | |
| 1168 | +} | |
| 1169 | +.wppm_bootstrap .addon-container { | |
| 1170 | + display: flex; | |
| 1171 | + align-items: center; | |
| 1172 | + padding: 5px 0; | |
| 1173 | +} | |
| 1174 | +.wppm_bootstrap .addon-details { | |
| 1175 | + flex-grow: 1; | |
| 1176 | + padding-left: 5px; | |
| 1177 | +} | |
| 1178 | +.wppm_bootstrap .pfooter { | |
| 1179 | + display: flex; | |
| 1180 | + border-left: 1px solid #555; | |
| 1181 | + border-right: 1px solid #555; | |
| 1182 | + border-bottom: 1px solid #555; | |
| 1183 | + justify-content: center; | |
| 1184 | + padding: 10px 0; | |
| 1185 | +} | |
| 1186 | + | |
| 1187 | +.wppm_bootstrap .purchase_addon{ | |
| 1188 | + padding-right: 5px; | |
| 1189 | +} | |
| 1190 | + | |
| 1191 | +#wppm_chevron_sort_down_task_name_img, #wppm_chevron_sort_down_project_list_img, #wppm_chevron_sort_down_status_img, #wppm_chevron_sort_down_priority_img, #wppm_chevron_sort_down_start_date_img, #wppm_chevron_sort_down_end_date_img{ | |
| 1192 | + margin-right:-19px; | |
| 1193 | +} | |
| 1194 | + | |
| 1195 | +.wppm-help-container{ | |
| 1196 | + padding: 10px; | |
| 1197 | + background-color: #f0f0f1; | |
| 1198 | + margin-bottom: 15px; | |
| 1199 | + border-radius: 3px; | |
| 1200 | +} | |
| 1201 | + | |
| 1202 | +#wppm_public_project_label{ | |
| 1203 | + padding: 10px 0px 0px 10px; | |
| 1204 | +} | |
| 1205 | + | |
| 1206 | +.wppm-filter-actions{ | |
| 1207 | + display: flex; | |
| 1208 | + flex-wrap: wrap; | |
| 1209 | + align-items: center; | |
| 1210 | +} | |
| 1211 | + | |
| 1212 | +#wppm_project_filter_container{ | |
| 1213 | + display: flex; | |
| 1214 | + flex-wrap: wrap; | |
| 1215 | + align-items: flex-end; | |
| 1216 | + margin-bottom: 10px; | |
| 1217 | +} | |
| 1218 | + | |
| 1219 | +#wppm_task_filter_container{ | |
| 1220 | + display: flex; | |
| 1221 | + flex-wrap: wrap; | |
| 1222 | + align-items: flex-end; | |
| 1223 | + margin-bottom: 10px; | |
| 1224 | +} | |
| 1225 | + | |
| 1226 | +#wppm_task_filter, #wppm_task_list_proj_filter | |
| 1227 | +{ | |
| 1228 | + border: 1px solid #ccc !important; | |
| 1229 | + background-color:#FFFFFF; | |
| 1230 | + border-radius:4px; | |
| 1231 | + font: 15px "Helvetica Neue",Arial,Helvetica,sans-serif !important; | |
| 1232 | +} | |
| 1233 | + | |
| 1234 | +.wppm-filter-item { | |
| 1235 | + max-width: 200px; | |
| 1236 | + margin-right: 5px; | |
| 1237 | + margin-bottom: 10px; | |
| 1238 | + margin: 0 5px 10px 10px; | |
| 1239 | +} | |
| 1240 | +.wppm-filter-item select { | |
| 1241 | + width: 100% !important; | |
| 1242 | +} | |
| 1243 | + | |
| 1244 | +.wppm-filter-item label{ | |
| 1245 | + font-size: 12px; | |
| 1246 | + font-weight: 600; | |
| 1247 | + margin-bottom: 3px; | |
| 1248 | + vertical-align: middle; | |
| 1249 | + color: #858c96; | |
| 1250 | +} | |
| 1251 | + | |
| 1252 | +.wppm_display_submit{ | |
| 1253 | + display: flex; | |
| 1254 | + margin-bottom: 10px; | |
| 1255 | +} | |
| 1256 | + | |
| 1257 | +.wppm-filter-actions span { | |
| 1258 | + cursor: pointer; | |
| 1259 | + font-size: 16px; | |
| 1260 | + text-decoration: underline; | |
| 1261 | + margin-bottom: 7px!important; | |
| 1262 | + font: 14px "Helvetica Neue",Arial,Helvetica,sans-serif !important; | |
| 1263 | + color: #858c96; | |
| 1264 | +} | |
| 1265 | + | |
| 1266 | +.wppm-link { | |
| 1267 | + cursor: pointer !important; | |
| 1268 | + text-decoration: none !important; | |
| 1269 | +} | |
| 1270 | + | |
| 1271 | +.wppm-link:hover { | |
| 1272 | + color: #2271b1 !important; | |
| 1273 | + text-decoration: underline !important; | |
| 1274 | +} | |
| 1275 | + | |
| 1276 | +#wppm_project_list_container select{ | |
| 1277 | + min-height: 30px !important; | |
| 1278 | + max-height: 35px !important; | |
| 1279 | + padding: 0 24px 0 8px !important; | |
| 1280 | + border: 1px solid #ccc !important; | |
| 1281 | + font: 14px "Helvetica Neue",Arial,Helvetica,sans-serif !important; | |
| 1282 | +} | |
| 1283 | + | |
| 1284 | +#wppm_task_list_container select{ | |
| 1285 | + min-height: 30px !important; | |
| 1286 | + max-height: 35px !important; | |
| 1287 | + padding: 0 24px 0 8px !important; | |
| 1288 | + border: 1px solid #ccc !important; | |
| 1289 | + font: 15px "Helvetica Neue",Arial,Helvetica,sans-serif !important; | |
| 1290 | +} | |
| 1291 | + | |
| 1292 | +#wppm_proj_discussion_container{ | |
| 1293 | + background-color: #ffffff; | |
| 1294 | + border: 1px solid #eee !important; | |
| 1295 | +} | |
| 1296 | +.wppm-setting-tab-container { | |
| 1297 | + display: flex; | |
| 1298 | + flex-wrap: wrap; | |
| 1299 | + width: 100%; | |
| 1300 | + align-items: center; | |
| 1301 | + margin-bottom: 10px; | |
| 1302 | + background-color:#F0F0F1; | |
| 1303 | +} | |
| 1304 | +.wppm-setting-tab-container button { | |
| 1305 | + padding: 7px 15px; | |
| 1306 | + font-size: 16px; | |
| 1307 | + font-weight: normal; | |
| 1308 | + border: none !important; | |
| 1309 | + color: #6A6A6A; | |
| 1310 | + background-color: transparent; | |
| 1311 | + cursor: pointer; | |
| 1312 | + border-radius: 16px; | |
| 1313 | + margin: 10 0 5px 5px; | |
| 1314 | +} | |
| 1315 | +.wppm-setting-tab-container button.active, | |
| 1316 | +.wppm-setting-tab-container button:hover { | |
| 1317 | + color: #fff; | |
| 1318 | + background-color: #FFA04A; | |
| 1319 | +} | |
| 1320 | +.wppm-input-group { | |
| 1321 | + width: 100%; | |
| 1322 | + display: flex; | |
| 1323 | + flex-direction: column; | |
| 1324 | + padding-bottom: 15px; | |
| 1325 | + box-sizing: border-box; | |
| 1326 | +} | |
| 1327 | +.wppm-input-group .label-container { | |
| 1328 | + display: flex; | |
| 1329 | + align-items: center; | |
| 1330 | + color: #000; | |
| 1331 | + margin-bottom: 2px; | |
| 1332 | +} | |
| 1333 | +.wppm-input-group label { | |
| 1334 | + font-size: 12px; | |
| 1335 | + font-weight: 600; | |
| 1336 | + margin-right: 5px; | |
| 1337 | +} | |
| 1338 | +.wppm-input-group .label-container svg { | |
| 1339 | + width: 12px; | |
| 1340 | + margin-left: 5px; | |
| 1341 | +} | |
| 1342 | +.wppm-input-group input[type="text"], | |
| 1343 | +.wppm-input-group select { | |
| 1344 | + width: 100%; | |
| 1345 | + max-width: 100%; | |
| 1346 | +} | |
| 1347 | +.wppm-input-group .checkbox-group, | |
| 1348 | +.wppm-input-group .radio-group { | |
| 1349 | + width: 100%; | |
| 1350 | + display: flex; | |
| 1351 | + flex-wrap: wrap; | |
| 1352 | + align-items: center; | |
| 1353 | +} | |
| 1354 | +.wppm-input-group .checkbox-group div, | |
| 1355 | +.wppm-input-group .radio-group div { | |
| 1356 | + width: 250px; | |
| 1357 | + display: flex; | |
| 1358 | + flex-wrap: wrap; | |
| 1359 | + align-items: center; | |
| 1360 | + margin: 0 10px 5px 0; | |
| 1361 | +} | |
| 1362 | +.wppm-input-group .checkbox-group div input, | |
| 1363 | +.wppm-input-group .radio-group div input { | |
| 1364 | + margin: 0 5px 0 0 !important; | |
| 1365 | +} | |
| 1366 | +.wppm-input-group .checkbox-group div span, | |
| 1367 | +.wppm-input-group .radio-group div span { | |
| 1368 | + font-size: 12px; | |
| 1369 | + font-weight: 300; | |
| 1370 | +} | |
| 1371 | +.wppm-input-group .required-char { | |
| 1372 | + font-size: 12px; | |
| 1373 | + color: #ff0000; | |
| 1374 | +} | |
| 1375 | +.wppm-input-group .divide-bar { | |
| 1376 | + width: 100%; | |
| 1377 | + display: flex; | |
| 1378 | + flex-wrap: grid; | |
| 1379 | + align-items: center; | |
| 1082 | 1380 | } |
