Replace “Location:” with an icon and remove the “Description:” text in the popup

Related to #1299 + #1171
This commit is contained in:
Fabrice Mouhartem 2023-12-06 17:18:02 +01:00
parent 38d350319b
commit 4163bd8b30
2 changed files with 8 additions and 5 deletions

View File

@ -162,9 +162,12 @@
color: @cryptpad_text_col;
border-radius: @variables_radius_L;
font-weight: normal;
.tui-full-calendar-icon:not(.tui-full-calendar-calendar-dot):not(.tui-full-calendar-dropdown-arrow):not(.tui-full-calendar-ic-checkbox) {
.tui-full-calendar-icon:not(.tui-full-calendar-calendar-dot):not(.tui-full-calendar-dropdown-arrow):not(.tui-full-calendar-ic-checkbox):not(.fa-map-marker) {
display: none;
}
.tui-full-calendar-icon {
text-align:center;
}
.tui-full-calendar-popup-detail-item {
a {
color: @cryptpad_color_link;

View File

@ -74,7 +74,7 @@ define([
Messages.calendar_rec_change_first = "You moved the first repeating event to different calendar. You can only apply this change to all repeated events."; // XXX New translation key
Messages.calendar_rec_change = "You moved a repeating event to different calendar. You can only apply this change to this event or all repeated events."; // XXX New translation key
Messages.calendar_desc = "Description"; // XXX maybe rename in `description`?
Messages.calendar_description = "Description:{0}{1}"; // XXX
delete Messages.calendar_location // XXX Remove Messages.calendar_location from translation keys as it is not used anymore?
var SaveAs = window.saveAs;
var APP = window.APP = {
@ -408,13 +408,13 @@ define([
str = `<a href="${l}" id="${uid}">${str}</a>`;
APP.nextLocationUid = uid;
}
return Messages._getKey('calendar_location', [str]);
let location_icon = h('i.fa.fa-map-marker.tui-full-calendar-icon', { 'aria-label': Messages.calendar_loc }, []);
return location_icon.outerHTML + str;
},
popupDetailBody: function(schedule) {
var str = schedule.body;
delete APP.eventBody;
return Messages._getKey('calendar_description', ['<br />', diffMk.render(str, true)]);
return diffMk.render(str, true);
},
popupIsAllDay: function() { return Messages.calendar_allDay; },
titlePlaceholder: function() { return Messages.calendar_title; },