Próbuję ustawić w oknie modalnym guzik który będzie trzymał się na linii pomiędzy otwartymi panelami. W przypadku guzika do otwarcia to w miarę ogarnąłem i trzyma się prawej strony, ale gdy wysunę prawy panel to nie mam pomysłu jak ogarnąć to css-em aby guzik do zamykania był przyklejony w jedno miejsce. Może ktoś zobaczyć jak to ogarnąć albo podsunąć lepszy pomysł na ustawianie tych guzików?
Przykład na stackblitz: https://stackblitz.com/edit/angular-f9gp92
0
1
#kontener {position:relative}
#guzik_w_kontenerze {position:absolute; top:iletamchcesz; right:iletamchesz}
Guzik w kontenerze może wychodzić poza kontener.
0
@Freja Draco: A nie da się ustawić go tak aby zawsze był przyklejony pomiędzy tymi panelami bez sztywnych ustawień i nie wychodził poza okno modalne? W przypadku zmiany rozdzielczości i tak mi się to rozjeżdża.
0
Seme napisał(a):
@Freja Draco: A nie da się ustawić go tak aby zawsze był przyklejony pomiędzy tymi panelami
bez sztywnych ustawień
Nie rozumiem pytania.
i nie wychodził poza okno modalne?
Position:absolute i position:fixed wyjmują obiekt z normalnego, automatycznego układania elementów na stronie.
Więc jeśli nie chcesz, żeby guzik w panelu nie wychodził poza kontener, w którym jest ten panel, to musisz to sztucznie wymusić dodatkowym marginesem na panelu z guzikiem albo dodatkowym elementem za panelem.
Osobiście zrobiłabym tak:
[panel z guzikiem] + margin-right::50px + margin-left:-50px + [następny panel]